@charset "utf-8";
/* CSS Document */
body{ font-size:100%;line-height:1.1; width:100%; position:relative; font-family:"微软雅黑",arial,sans-serif; overflow-x:hidden; background: #fff;  }
*{ padding:0; margin:0;}
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0; outline:none; }
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%; object-fit: cover; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
li:hover .img img,.img:hover img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); }
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
/*清除浮动*/
.clearfix:before,
.clearfix:after {content: '';display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.m{ max-width: 1435px; margin: 0 auto;  display: block; }
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{  display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1;
	stroke: none;
	stroke-dasharray: 0 , 400;
	stroke-dashoffset:400;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle {
	stroke:#3f7bc5;
	stroke-dasharray:400 , 0;
	stroke-dashoffset:400;
	-webkit-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	-moz-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	-ms-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	-o-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}
#w_main{display: none;}
/*===========================header=============================*/
#header{ position: fixed; height:6.25rem; z-index:999; width:100%; top:0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header .m{ height:100%; display: flex; justify-content: space-between;  }
#logo{ float:left; height:100%; margin-right: 4rem; }
#logo img{ height: 5.1875rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#logo img.img02{ display: none; opacity: 0; }
#header .fr{flex-grow: 1;display: flex;justify-content: space-between;align-items: center;width: 90rem; max-width: calc(100% - 7.625rem); }
#nav{ flex-grow: 1; padding-right: 1rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav ul{display: flex; }
#nav ul li{ float:left; flex-grow: 1;  height:6.25rem; line-height:6.25rem; position:relative; z-index:0; text-align: center;}
#nav ul li a{ display:block; text-transform:uppercase;}
#nav ul li h3{ font-size:1.25rem; color:#fff; display: inline-block; line-height:6.25rem; overflow:hidden; position:relative; z-index: 1; text-align: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; text-transform: capitalize;}
#nav ul li:hover h3:before{ width: 100%;}
#nav ul li.on h3:before{ width: 100%;}
#nav ul li .sub{ position:absolute; top:100%; background:rgba(10, 10, 10, 0.5); background: #56946d; width:13rem; left:50%; z-index: 10000; display: none; transform: translateX(-50%); }
#nav ul li .sub .box{ text-align: center; }
#nav ul li .sub a{ padding:0; line-height:2.5rem; color: #fff; transition:.3s; font-size:.875rem;text-transform: capitalize;}
#nav ul li .sub a:hover{ background: rgba(0, 0, 0, 0.05); }
.tel{ width: 13.875rem;height:6.25rem;line-height: 6.25rem;font-size: 1.5rem;color: #fff;background: url(../images/tel.png) no-repeat left center;padding-left: 50px;}


.ny #header{ background: rgba(0, 0, 0, 0.3); width: 100%;}
.ny #nav ul li h3{ color: #fff;}
.ny #nav ul li.on h3 {color: #fff;}
.ny #logo img.img01{ display: none; }
.ny #logo img.img02{ display: block; opacity: 1; }
.ny .top_search .btn_search img.img01{ display: none;}
.ny .top_search .btn_search img.img02{ display: inline-block;}
.ny .top_search .input{ color: #555;}
.ny .top_search .input::-webkit-input-placeholder{color:#fff; color: #b8b8b8;}
.ny .top_search .input::-moz-placeholder{ color:#fff; color: #b8b8b8;}
.ny .top_search .input:-moz-placeholder{color:#fff; color: #b8b8b8;}
.ny .top_search .input:-ms-input-placeholder{ color:#fff; color: #b8b8b8;}
.ny .top_search .input:focus::-webkit-input-placeholder {color: transparent;}
.ny .top_search .input:focus:-moz-placeholder {color: transparent;}
.ny .top_search .input:focus::-moz-placeholder {color: transparent;}
.ny .top_search .input:focus:-ms-input-placeholder {color: transparent;}

 
#header.xg { background: rgba(86, 148, 109, 0.9); position: fixed; top: 0; left: 0; width: 100%; }
.xg #nav ul li h3{ color: #fff;}
.xg #logo img.img01{ display: none; }
.xg #logo img.img02{ display: block; opacity: 1; }
/***********************/
/*手机导航开始*/
#m_header{ display:none; height:6.5rem; position:absolute; top:0; width:100%; z-index:999; transition:0s 1.5s; }
#m_header .m{ position:relative; height:100%; display: flex; align-items: center;justify-content: flex-start;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; line-height: 6.5rem; display: flex; align-items: center;left: 50%;}
#m_logo a{ display: block;}
#m_logo img{ height: 5rem;}
#m_logo img.img02{ display: none;}
#m_header .top_menu{ height: 6.5rem; line-height: 6.5rem; border:0;}
#m_header .tel{color: #333;width: auto;padding-left: 20px;font-weight: bold;line-height: 1.5;padding-top: 1rem;}
#m_header .tel span{display: block;font-size: 1.3rem;}
.ny #m_logo img.img01{ display: none;}
.ny #m_logo img.img02{ display: block;}
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:absolute; height:6.5rem; right:0; top: 0; display:none; }
#nav_btn_box .m{ height: 100%; display: flex; align-items: center;}
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background: #a0a0a0;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before{ background: #56946d;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {z-index: -1;position: fixed;background: #f7f7f7;width: 100%;height:100vh;right: 0;top: 0;display:none;padding:50px 0;overflow:hidden;pointer-events: none;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);display: block;overflow: auto;visibility: hidden;opacity: 0;}
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 99999;}
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0 1rem;margin: 0 auto;text-align: center;}
#m_nav>ul>li+li{border-top: 1px solid rgb(111 111 111 / 10%);}
#m_nav li .a{  }
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #3d3d3d;padding:0;font-size:1.125rem;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 16px;height:4.5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}

.con1_img1 {width: 100%;height: 221px;margin-bottom: 6px;}

.con1_img2 {width: 100%;height: 222px;display: flex;margin-bottom: 6px;justify-content: space-between;}

.con1_img2_left {width: 53%;height: 100%;}

.con1_img2_right {width: 45%;height: 100%;}

.con1 {margin-bottom: 40px;}
 .section{ overflow: hidden;}

/*首页banner*/
#banner_web{display: none;}
#banner{  width:100%; overflow: hidden; position: relative; top:0; left:0; z-index:1; background:#fff;height: 100vh; }
#banner .banner_slider{ margin: 0; }
#banner li{ position:relative; }
#banner li .img{ width:100%; height: 100vh; background-size: cover !important; background-attachment: fixed !important; z-index:8; -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
@-webkit-keyframes bgscale {
0% { opacity: .5; -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
20%{ opacity: 1;}
100% { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
@keyframes bgscale {
0% { opacity: .5; -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
20%{ opacity: 1;}
100% { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
/* #banner .slick-active .img{ animation:bgscale 6s linear forwards; -webkit-animation:bgscale 6s linear forwards; } */
#banner .m{ height:100%;}
#banner li.slick-current{ z-index:999;}
#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }
#banner .pic{ margin:0 auto; color:#fff; text-align: center; margin-bottom: 15%; opacity: 0; transform:translateY(-100px); transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); }
#banner .pic img{ display: inline-block; max-width: 80%; }
#banner li.slick-current{ z-index:999;}
#banner .slick-current .pic{ animation:enter 2s ease forwards; -webkit-animation:enter 2s ease forwards; }
#banner .slickdotbox{ }
#banner .slick-dots{ bottom: 1rem; }
#banner .slick-dots li{ margin:0 2.5px; display: inline-block; width: auto;}
#banner .slick-dots li button{ width: auto; padding-left: 0; padding-right: 0;}
#banner .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:20px; height:4px; border-radius:2px; border:0; background: rgba(255,255,255,.6); box-sizing:border-box; opacity:1; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#banner .slick-dots li.slick-active button:before{ background:rgba(255,255,255,1); width: 40px;  }
#banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-24px; transform:translate(0,0); opacity:1;
	display:block; width: 3.25rem; height: 3.25rem; background-size:contain !important;}
#banner .slick-prev{ left:55px;background:url(../images/banner_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#banner .slick-next{ right:55px; background:url(../images/banner_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#banner .slick-prev:hover{ background:url(../images/banner_left_on.png) left center no-repeat; }
#banner .slick-next:hover{ background:url(../images/banner_right_on.png) right center no-repeat; }
.slick-prev:before, .slick-next:before{ display:none;}
@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
    20% { opacity: 0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
    20% { opacity: 0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
.mouse_down{ width: 51px; height: 51px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);  position: absolute; left:50%; bottom: 2vh; margin-left:-25px; text-align: center; z-index: 50; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.mouse_down span { display: inline-block; width: 15px; height:23px; border:2px solid #fff; border-radius:12px; margin: auto; position: relative; }
.mouse_down span:before { content: ""; width: 2px; height: 4px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 3px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down b { display: block; text-align: center; color: #766047; font-size: 18px; line-height: 1; font-family: Arial; margin-top: 4px; font-weight: normal; }
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}
 
#gotop{ width:3.125rem; height:3.125rem; background: #56946d; border-radius:50%; cursor:pointer; display: flex; align-items: center; justify-content: center; opacity: 1;  transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; position: fixed; right: 2rem; bottom: 10%; z-index: 9999; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
#gotop svg{ width: 2rem;} 
#gotop.hide{ height: 0; }
#gotop:hover{ background: #56946d;}
.s_about{ padding: 5rem 0; width: 100%; overflow: hidden; background: #fafaf5;}
.s_about .m{ display: flex; align-items: center;}
.s_about .left{ max-width: 964px; padding-right: 4.375rem;}
.s_about .right{ width: 42rem; flex-shrink: 0;text-align: center;}
.s_about .pic{ position: relative;}
.s_about .pic img{ height: 100%;}
.s_about .pic .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.s_about .pic .mask .btn_play{ width: 3rem; height: 3rem; display: block;}
.s_about .con{ font-size: 1.125rem; color: #050506; line-height: 2.5rem;}
.s_about .con p{margin-bottom: 1rem;text-indent: 2rem;text-align: left;}
.s_about .btn_xq{ margin-top: 3.625rem;}

.s_tt{ text-align: center; margin-bottom: 2.5rem;}
.s_tt h3{ font-size: 1.875rem; color: #252525; font-weight: bold;}
.s_tt h3 span{ font-size: 1.25rem; color: #000000; font-family: play-bold; text-transform: uppercase; display: inline-block; margin-left: .5rem;}
.s_tt i{ display: block; width: 30px; height: 2px; background: #56946d; margin: 0 auto; margin-top: 1.25rem;}


.s_pro{ width: 100%; overflow: hidden; padding-top: 4.375rem; overflow: hidden; padding-bottom: 4.75rem;background: #56946d;}
.s_pro .m{background: #fff;padding: 1rem 1rem ;}
.slick-track,.slick-list{width: 100% !important;}
.s_pro .hd{ position: relative; z-index: 1; }
.s_pro .hd ul {display: flex; align-items:  center; justify-content: space-between; }
.s_pro .hd ul li{text-align: center;width: 33% !important;background: #ebebeb;border-radius: 1rem 1rem 0 0;line-height: 4rem;height: 4rem;cursor: pointer;}
.s_pro .hd ul li a{ font-size: 1.575rem; color: #252525; white-space: nowrap;position: relative; }
.s_pro .hd ul li a i{display: inline-block;width: 1.875rem;height: 1.875rem;background: #4d4d4d;border-radius: 50%;position: relative;top: 0.4rem;left: 1rem;position: relative;}
.s_pro .hd ul li a i::before{content: '';border: 0.5rem solid transparent; border-top-color: #fff;position: absolute;left: 0.45rem;top: 0.75rem;}
.s_pro .hd ul li.slick-current{background: #23874b;}
.s_pro .hd ul li.slick-current a{ color: #fff;}
.s_pro .hd ul li.slick-current a i{display: inline-block;width: 1.875rem;height: 1.875rem;background: #fff;border-radius: 50%;position: relative;top: 0.4rem;left: 1rem;position: relative;}
.s_pro .hd ul li.slick-current a i::before{content: '';border: 0.5rem solid transparent; border-top-color: #23874b;position: absolute;left: 0.45rem;top: 0.75rem;}
.s_pro .bd{}
.s_pro .bd .item{ }
.s_pro .box{width: 25%;margin-bottom: 0.3rem;float: left;}
.s_pro .img{ height: 100% }

.s_ad{background: #fafaf5;padding: 2rem 0;}
.s_ad .m{width: 1600px; max-width: 1600px;}
.s_ad .m{ display: flex; align-items: center;}
.s_ad .left{ padding-right: 4.375rem;text-align: left;}
.s_ad .left img{margin-bottom: 5rem;}
.s_ad .left p{font-size: 2.25rem;line-height:1.5;}
.s_ad .left p span{font-size: 3rem;font-weight: bold;}
.s_ad .left a.more{padding: 0 2rem;line-height: 2;font-size: 1.25rem;background: #ca0027;color: #fff;display: inline-block;margin-top: 2rem;}
.s_ad .right{ width: 62.625rem; text-align: center;}

.s_adv{padding: 3.75rem 0;text-align: center;}
.s_adv .chara{min-width: 1200px; width: 100%;height: 800px;overflow: hidden;margin-top: 2rem;}
.s_adv .chara ul{width: 100%;height: 800px;}
.s_adv .chara li{width:18.28%;float: left;position: relative;cursor:pointer;height: 800px;line-height:30px;font-size: 16px; border-right:3px solid #fff; box-sizing:border-box;overflow: hidden;}
.s_adv .chara li:last-child{border: 0;}
.s_adv .chara li img{display: block;}
.s_adv .mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.4);}
.s_adv .shu2{width: 100%;  position: absolute;left:0rem;bottom:3rem;text-align: center;}
.s_adv .shu2 h3{width: 100%; line-height: 45px;}
.s_adv .shu2 h3 img{width:70px;height:70px;margin:0 auto 20px;display: block;}
.s_adv .shu2 h3 b{ font-size:1.875rem; text-align:center; color:#fff; font-weight: bold;  display: block;;}
.s_adv .hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.s_adv .bock{position: absolute;left: 0; bottom:-200px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; background:url(../images/chara-tm.png) no-repeat center bottom;background-size: 100% 100%;opacity: 0;}
.s_adv .bock dl{width: 100%;padding:95px 1% 0 3%; height:200px;box-sizing: border-box;position: absolute;left: 0; bottom:0px;}
.s_adv .bock dl dt{width: 35.4%; float: left;text-align: left;padding-right: 1rem;}
.s_adv .bock dl dt h3{ font-size:3rem; color: #fff;line-height:1.25;text-align: right;}
.s_adv .bock dl dd{width: 56%;float: left;border-left: 1px solid #fff;padding-left: 1rem;}
.s_adv .bock dl dd p{font-size: 1rem; line-height: 1.5;color:#fff;overflow: hidden;text-align:justify;}

.s_adv .chara li.cur{width: 44.895%;}
.s_adv .chara li.cur .mo{opacity: 0;}
.s_adv .chara li.cur .shu2{opacity: 0;}
.s_adv .chara li.cur .bock{opacity: 1;bottom: 0;}
@media screen and (max-width:1720px) {
    .s_adv  .bock dl dt h3{ font-size:46px; }
    .s_adv  .bock dl dt h3 i{font-size: 18px;}
    .s_adv  .bock dl dd p{margin-top:7px;}
}
@media screen and (max-width:1600px) {
    .s_adv .bock dl dt h3{ font-size:36px;}
    .s_adv .bock dl dt h3 i{font-size: 15px;}
    .s_adv .bock dl dd p{margin-top:0;}
}

.s_news{ width: 100%; overflow: hidden; background: #fafaf5; padding: 3.75rem 0 1rem;}
.s_news ul{}
.s_news ul li{ padding: 0 13px;text-align: left;}
.s_news ul li h5{ font-size: 1.5; color: #252525; font-weight: bold; text-align: left; margin-top: 1rem;margin-bottom: 0.5rem;}
.s_news ul li p{font-size: .875rem;line-height: 2;}
.s_news a.more{padding: 0 2rem;line-height: 2;font-size: 1.125rem;background: #ca0027;color: #fff;display: inline-block;margin-top: 1rem;}


.s_asvs{padding: 3.75rem 0;text-align: center;}
.s_asvs ul{display: flex;flex-wrap: nowrap;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;margin-top: 2.25rem;}

.s_asvs dl{ width: 100%;;border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; height: 15rem; overflow:hidden; position:relative;margin-bottom: 0;}
.s_asvs dt{padding-top: 2rem;}
.s_asvs dt h3{font-size: 1.35rem;font-weight: 900;line-height: 2.25;}
.s_asvs dt{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;font:20px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#2e2e2e;}
.s_asvs dt em{ display:block; width:72px; height:72px; margin:0 auto 30px; padding-top:40px;}
.s_asvs dt em img{width:72px; height:72px; display:block;}
.s_asvs dd{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;
background: #56946d; /* Old browsers */
background: -moz-linear-gradient(top, #56946d 0%, #3b7c53 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #56946d 0%,#3b7c53 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #56946d 0%,#3b7c53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56946d', endColorstr='#3b7c53',GradientType=0 );}
.s_asvs dd h3{ font:20px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#fff; padding:44px 0 15px;}
.s_asvs dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#fff; padding:0 40px; text-align:center;}
.s_asvs dl:hover dt{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.s_asvs dl:hover dd{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.s_join{padding: 0;text-align: center;}
.s_join_con{background: url(../images/join.jpg) no-repeat center; height: 50.5625rem;margin-top: 1rem;}
.s_join_con .m{width: 1600px; max-width: 1600px;}
.s_join_con .join{width: 42.125rem;float: right;padding-top: 3.5rem;text-align: left;}
.s_join_con .join .tt{font-size: 3.4375rem;color: #fff;position: relative;padding-left: 5rem;}
.s_join_con .join .tt::before{content: '';width: 3.75rem;height: 3.75rem;background: #fff;border-radius: 50%;display: inline-block;position: absolute;left: 0;}
.s_join_con .join .tt::after{content: '';border:1rem solid transparent;border-top-color:#56946d ;display: inline-block;position: absolute;left: 0.9rem;top: 1.375rem;}
.s_join_con .join .tt span{font-size:1.875rem ;color: rgba(255,255,255,.5);padding-left: 1rem;}
.s_join_con .join form{padding-top: 3rem;color: #fff;font-size: 1.5rem;}
.s_join_con .join label{position: relative;width: 50%;float: left;margin-bottom: 1.5rem;}
.s_join_con .join form input{height: 3.75rem;background: rgba(255,255,255,.5);width: 100%;padding: 0 1rem;color: #fff;font-size: 1rem;}
.s_join_con .join form input.name{background: url(../images/j1.png) no-repeat 0.8rem center rgba(255,255,255,.5);padding-left: 3.2rem;}
.s_join_con .join form input.phone{background: url(../images/j2.png) no-repeat 0.8rem center rgba(255,255,255,.5);padding-left: 3.2rem;}
.s_join_con .join form input.city{background: url(../images/j3.png) no-repeat 0.8rem center rgba(255,255,255,.5);padding-left: 3.2rem;}
.s_join_con .join form input::input-placeholder,.s_join_con .join form textarea::textarea-placeholder{
color: #fff;}
.s_join_con .join form input::-webkit-input-placeholder,.s_join_con .join form textarea::-webkit-textarea-placeholder{
color: #fff;}
.s_join_con .join form input::-moz-placeholder,.s_join_con .join form textarea::-moz-textarea-placeholder{
color: #fff;}
.s_join_con .join form input::-moz-placeholder,.s_join_con .join form textarea::-moz-textarea-placeholder{
color: #fff;}
.s_join_con .join form input::-ms-input-placeholder,.s_join_con .join form textarea::-ms-textarea-placeholder{
color: #fff;}
.s_join_con .join form span{display: inline-block;position: absolute;right: 1rem;color: red;top: 1.25rem;}

.s_join_con .join form textarea{width: 100%;background: rgba(255,255,255,.5);padding: 1rem;box-sizing: border-box;font-size: 1rem;}
.s_join_con .join h5{font-size: 1.5rem;line-height: 1.5;margin-bottom: 1rem;}
.s_join_con .join form input.submit{border-radius: 3rem;color: #333;font-size: 1.25rem;margin: 0 auto;width: 15rem;background: url(../images/j4.png) no-repeat 2rem center #fff;padding-left: 3rem;}

#foot{ background: #fff; padding: 5rem 0 0; color: #333; }
#foot .m{ text-align: center;}
#foot .tel0{width: 60%;border-top: 1px solid #989798;border-bottom: 1px solid #989798;padding: 2rem 0;margin: 0 auto;margin-bottom: 1rem;font-size: 1.5rem;font-weight: bold;}
#foot .s{font-size: 1.125rem;font-weight: bold;;line-height: 2;margin-bottom: 2rem;letter-spacing: 0.2rem;}
#foot .footer{text-align: center;background: #ca0027;color: #fff;padding: 2rem 0;margin-top: 3rem;}
#foot .footer p{display: block;font-size: 1rem;line-height: 2;}
#foot .footer ul{display: flex;justify-content: center;margin-bottom: 2rem;}
#foot .footer ul li{padding: 0 1rem;text-align: center;position: relative;cursor: pointer;}
#foot .footer ul li .code{position: absolute;top: -11rem;width: 10rem;height: 10rem;left: -2.5rem;display: none;}
#foot .footer ul li:hover .code{display: block;}
/*内页banner*/
.n_banner {width: 100%; text-align:center; overflow:hidden; }
.n_banner div.pic{  width: 100%; height:37.8125rem; position: relative;}
.n_banner h4{ font-size:2.68rem; color:#fff; text-transform:uppercase; position:relative;margin-bottom: 1rem;font-weight: bold;font-family: "Barlow Condensed Bold";}
.n_banner h4.h4{ font-size:1.375rem; line-height:2rem}
.n_banner h4:before{ content:""; position:absolute; left:50%; bottom:-16px; width:35px; height:3px; background:#fff; margin-left:-22.5px;}

.n_title {padding: 0;position: relative;}
.n_title .m { position: relative; border-bottom: #e3e6ea 1px solid;}
.n_nav { position: relative; }
.n_nav a {display: inline-block;height: 5rem;font-size: 1.125rem; font-weight: normal; line-height: 5rem;margin-right: 4.5rem; color: #333;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.n_nav a strong {display: block; position: relative;z-index: 4;height: 75px;line-height: 75px; font-weight: normal;  }
.n_nav a:before {content: "";width: 0;height: 2px;position: absolute; bottom:0; left: 0; background: #56946d;transition: 0.3s ease-in-out; opacity: 0;}
.n_nav .on:before, .n_nav a:hover:before { width: 100%; opacity: 1;}
.n_nav .on strong, .n_nav a:hover strong{ color: #56946d; font-weight: normal;}
.layui-col-md4 { height: 5rem }
.position {line-height: 5rem;left: 0;bottom: 0;font-size: .9375rem;color: #747679;display: flex;align-items: center;}
.position img{ vertical-align: middle; margin-bottom: 0; margin-right: 10px;}
.position span, .position a, .position i {font-size: .8125rem;color: #828386;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position span {margin: 0px 10px;font-style: normal;width: 4px;height: 6px;background: url(../images/position_ico.png) center no-repeat;font-size: 0;display: inline-block;vertical-align: middle;}
.position em { color: #56946d;font-style: normal;font-size: .8125rem;}
.position a:hover {color: #56946d;}
.n_main_box .main_box { width: 1200px; height: 80px; position: relative; margin: 0 auto; }

#n_main{ background: #fafaf5;}

.n_about{ padding: 2rem 0; width: 100%; overflow: hidden; }
.n_about .m{ display: flex; align-items: center;}
.news_infotitle>p:first-child{font-size: 40px;font-weight: 800;color: #56946d;font-family: auto;
}
.news_infotitle>p:last-child{
	font-size: 30px;
	color: #56946d;
}
.left{float: left;}
.right{float: right;}
.about_us{width:100%;margin: 0 auto;min-width: 1200px;}
.about_us_first_img{margin-top: 70px;}
.about_us_first_img_t{margin-bottom: 1%;}
.about_us_first_img_t>div.left{width: 49.5%;height: 790px;float: left;}
.about_us_first_img_t>div.left>img{width: 100%;height: 100%;}
.about_us_first_img_t>div.left:first-child{margin-right: 1%;}
.about_us_first_img_t>div.left:nth-child(2)>div:first-child{margin-bottom: 15px;}
.about_us_first_img_t>div.left:nth-child(2)>div,
.about_us_first_img_t>div.left:nth-child(2)>div>img{width: 100%;height: 387px;}
.about_us_first_img-b>div.left:first-child{width: 60%;height: 470px;}
.about_us_first_img-b>div.left:nth-child(2){width: 39%;margin-left: 1%;height: 470px;}
.about_us_first_img-b>div.left>img{width: 100%;height: 100%;}
.about_us_two{margin: 100px 0;padding-bottom: 100px;border-bottom: 1px dashed #000000;}
.about_us_two>div.left{margin-right: 2%;width: 38%;}
.about_us_two>div.right{width: 60%;}
.about_us_two_info>p:first-child{margin-bottom: 50px!important;}
.about_us_two_info>p{font-size: 18px;    color: #666;    line-height: 35px;}
.about_us_two>div.left>img{max-width: 100%;}
.about_us_three>ul{display: inline-block;width: 100%;}
.about_us_three>ul>li{float: left;width: 16%;margin-right: 5%;margin-bottom: 20px;}
.about_us_three>ul>li:nth-child(5n){margin-right: 0px!important;}
.about_us_three>ul>li>div.about_us_three_ul_img{width: 100%;height: 320px;line-height: 320px;border: 1px solid #56946d;text-align: center;margin-bottom: 20px;position: relative;}
.about_us_three>ul>li>div.about_us_three_ul_img>img{max-width: 95%;max-height: 95%;position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.about_us_three_ul_text>p.about_us_three_ul_time{font-weight: 800;color: #737373;}

.n_store{padding: 3rem 0;}
.n_store .hd{ position: relative; z-index: 1; }
.n_store .hd ul {display: flex; align-items:  center; justify-content: space-between; }
.n_store .hd ul li{text-align: center;width: 11% !important;background: #ebebeb;border-radius: 1rem 1rem 0 0;line-height: 3rem;height: 3rem;cursor: pointer;}
.n_store .hd ul li a{ font-size: 1.575rem; color: #252525; white-space: nowrap;position: relative; }
.n_store .hd ul li.slick-current{background: #23874b;}
.n_store .hd ul li.slick-current a{ color: #fff;}
.n_store .hd ul li.slick-current a i{display: inline-block;width: 1.875rem;height: 1.875rem;background: #fff;border-radius: 50%;position: relative;top: 0.4rem;left: 1rem;position: relative;}
.n_store .hd ul li.slick-current a i::before{content: '';border: 0.5rem solid transparent; border-top-color: #23874b;position: absolute;left: 0.45rem;top: 0.75rem;}
.n_store .hd ul li+li{margin-left: 0.111111111111%;}
.n_store .item{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.n_store .box{width: 33.3333333333333%;margin-bottom: 0.3rem;box-sizing: border-box;padding: 2rem 1rem;border-bottom: 1px solid #efefef;}
.n_store .box h5{font-size: 1.25rem;line-height: 2;font-weight: bold; color: #23874b;}
.n_store .box p{font-size: 1rem;line-height: 2;}

/* 加盟优势 */
.Advantage{
	width: 80%;
	margin: 0 auto!important;
	min-width: 1200px;
}
.Advantage_ul{
	display: inline-block;
	width: 100%;
}
.Advantage_ul>li img{
	width: 100%;
}
.Advantage_ul>li:nth-child(2n+1){
	margin-right: 2%;
}
.Advantage_ul>li{
	float: left;
	width: 49%;
	margin-top:20px;
	/*width: calc((100% - 50px)/2);*/
	/*margin-right: 10px;*/
	/*border: 1px solid #dcdcdc;*/
	/*position: relative;*/
}
.Advantage_ul>li>div.Advantage_ul_name{
	position: absolute;
	width: 100%;
	bottom: 1px;
	height: 30%;
	background: #61c1be;
	color: white;
	text-align: center;
}
.Advantage_ul>li>div.Advantage_ul_name>p{
	width: 100%;
	position: absolute;
	top: 50%;
	font-size: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
}
.Advantage_ul>li:last-child{
	margin-right: 0px!important;
}
.Advantage_ul_count>p{
	  font-size: 158px;
	   color: #61c1be;
	   font-family: auto;
	      text-align: center;
}

/*====移动端导航====*/
#m_n_nav{background: #56946d;display: none;line-height: 50px;position: relative;z-index: 99; width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 19px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px rgb(153 153 153 / 34%); z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #56946d; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #56946d;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0; margin: 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}
#sub_nav_content dt a{margin:0 2px;display:block;color:#5b5349;line-height: 30px;font-size:13px; vertical-align: top;}
#sub_nav_content dt a strong{ font-weight: 400;}
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #56946d; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #56946d; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #56946d;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #56946d;}

.subnav{  margin-top:2rem; overflow: hidden; margin-bottom: 2.125rem;}
.subnav ul{ text-align: center;}
.subnav ul li{ position:relative; display: inline-block; margin-bottom: 1rem;}
.subnav ul li a{ display:block; width:9.375rem; height:2.8125rem; line-height:2.6875rem; border-radius:2rem; transition:.5s; text-align:center; border:1px solid #d9d9d9; font-size:1rem; font-weight: bold; color:#5a5a5a; margin:0 1.25rem; position:relative; z-index:1; overflow:hidden;}
.subnav ul li a:before{ content:""; width:0; height:100%; display:block; background:#56946d; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.subnav ul li:hover a,.subnav ul li.on a{ border:1px solid #56946d; color: #fff;}
.subnav ul li:hover a:before,.subnav ul li.on a:before{ width:100%; right:auto; left:0;}

.n_zizhi{ width: 100%; padding-bottom: 3.75rem; overflow: hidden; padding-top: 2rem;}
.zizhi_list{}
.zizhi_list ul{ margin-top: -3rem;}
.zizhi_list ul li{ width: 25%; float: left; margin-top: 3rem;}
.zizhi_list ul li a{}
.zizhi_list ul li .pic{ width: 245px; height: 349px; margin: 0 auto; background: #fff;}
.zizhi_list ul li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.zizhi_list ul li .desk{ width: 100%; height: 50px; margin: 0 auto; margin-top: -1rem; background: url(../images/zizhi_bg.png) center no-repeat; background-size: contain !important;}
.zizhi_list ul li p{ text-align: center; font-size: 1.125rem; font-weight: bold; color: #252525; line-height: 2rem;}
.par_list{}
.par_list ul{ }
.par_list ul li{ width: 25%; float: left; margin-top: 2rem;padding: 0 1rem;}
.par_list ul li a{}
.par_list ul li .pic{  margin: 0 auto; background: #fff;}
.par_list ul li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.par_list ul li p{ text-align: center; font-size: 1.125rem; font-weight: bold; color: #252525; line-height: 3rem;}



/*翻页*/
.page { text-align:center; margin-top:3.75rem; font-size: 0;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 10px; min-width: 35px; line-height: 33px; height: 35px; display:inline-block; border: 1px solid #d1d3d8; border-radius: 22px; margin:0 7px; color:#868686; text-transform: capitalize; font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.page .on{ background:#56946d;  color:#fff; border:1px solid #56946d; }
.page a:hover{ background:#56946d;  color:#fff; text-decoration:none; border:1px solid #56946d;}
.page span{ padding:0 .25rem; line-height: 33px; height: 35px; display: inline-block; border: 1px solid #d1d3d8;transition: all 0.36s ease-in-out; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.page span a{ border: 0 !important; background: none !important; height: 33px;}
.page span:hover{ background:#56946d;  color:#fff; text-decoration:none; border:1px solid #56946d;}
.page span:hover a{color:#fff;}
.n_video{ padding-top: 3.125rem; padding-bottom: 3.75rem; width: 100%; overflow: hidden; }
.video_list{}
.video_list ul{ margin: 0 -1.25rem; margin-top: -1.75rem;}
.video_list ul li{ width: 25%; float: left; margin-top: 1.75rem; padding: 0 1.25rem;}
.video_list ul li a{ display: block;}
.video_list ul li .img{ position: relative;}
.video_list ul li .img img{}
.video_list ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.video_list ul li .mask .ico_play{ width: 3rem; height: 3rem; display: block; background: url(../images/play.png) center no-repeat; background-size: contain;}
.video_list ul li p{ text-align: center; font-weight: bold; font-size: 1rem; padding-top: .875rem; color: #404040;}
 
video{ object-fit: cover;}

.video_slide{ overflow: hidden; margin-bottom: 3.75rem;}
.video_slide .left{ float: left; width: calc(100% - 25.375rem); padding-right: 2.5rem; position: relative;}
.video_slide .left .video-js{ padding-top: 56%; height: 0;}
.video_slide .right{ width: 25.375rem; float: right; background: #fff; padding-bottom: 1.5rem;}
.video_slide .hd{ height: 3.625rem;  }
.video_slide .hd ul{ overflow: hidden;}
.video_slide .hd ul li{ width: 33.333%; float: left;}
.video_slide .hd ul li a{ font-size: 1rem; line-height: 3.625rem; color: #404040; font-weight: bold; display: block; text-align: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.video_slide .hd ul li.slick-current a{ color: #fff; background: #56946d;}
.video_slide .hd ul li.on a{ color: #fff; background: #56946d;}

.video_slide .bd{ padding: 1.75rem 1.25rem 0;}
.video_slide .bd ul li{ margin-bottom: 2.25rem;}
.video_slide .bd ul li a{ display: block;}
.video_slide .bd ul li .img{ position: relative;}
.video_slide .bd ul li .img img{}
.video_slide .bd ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.video_slide .bd ul li .mask .ico_play{ width: 3rem; height: 3rem; display: block; background: url(../images/play.png) center no-repeat; background-size: contain;}
.video_slide .bd ul li p{ text-align: center; font-weight: bold; font-size: 1rem; padding-top: .875rem; color: #404040;}
.video_slide .txt{ display: block; height: 34px; margin: 0 1.25rem; line-height: 34px; text-align: center; background: #56946d; color: #fff;} 
.video_slide .vjs-poster{ display: none;}
.video_slide .bd ul li .mask:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 0; background: rgba(115, 197, 43,.9); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.video_slide .bd ul li:hover .mask:before{ height: 100%; top: 0; bottom: auto;}
.video_slide .bd ul li .on p{ color: #56946d;}
.video_slide .bd ul li .on .mask{ opacity: 0;}

.n_licheng{ padding-top: 4.25rem; padding-bottom: 9rem; background: url(../images/licheng_bg.jpg) center bottom no-repeat;}
.n_licheng .hd{ overflow: hidden; width: 100%; margin-bottom: 2rem;}
.n_licheng .hd .tt{ float: left;}
.n_licheng .hd .tt span{ font-size: 2rem; color: #56946d; font-family: Roboto-Light;}
.n_licheng .hd .tt h3{ font-size: 1.625rem; color: #434343; margin-top: .75rem;}
.n_licheng .hd .arrowbox{ float: right;}
.n_licheng .slick-arrow{ display: inline-block; border-radius:50%; cursor:pointer; width: 3.4375rem; height: 3.4375rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_licheng .slick-prev2{ background: url(../images/licheng_left.png) center no-repeat; background-size: contain !important; margin-right: .75rem;}
.n_licheng .slick-next2{ background: url(../images/licheng_right.png) center no-repeat; background-size: contain !important;}
.n_licheng .slick-prev2:hover{ background: url(../images/licheng_left_on.png) center no-repeat; }
.n_licheng .slick-next2:hover{ background: url(../images/licheng_right_on.png) center no-repeat; }
.n_licheng .bd{ position: relative;}
.licheng_slide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.licheng_slide .m{ height: 100%;}
.licheng_slide ul{ height: 100%;}
.licheng_slide ul li{ float: left; width: 13%; position: relative; height: 100%; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.licheng_slide ul li .txt{ position: absolute; padding-left: 24px;}
.licheng_slide ul li .txt .year{ font-size: 2rem; margin-bottom: 7px; color: #56946d; font-family: "Barlow Condensed Medium"; transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
.licheng_slide ul li .txt .con{ font-size: .9375rem; line-height: 1.625rem; color: #626262; width: 20rem; transform:translateY(50px); opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -ms-transform:translateY(50px); -o-transform:translateY(50px); }
.licheng_slide ul li .txt:before{ content: ""; background: #fff; display: block; width: 11px; height: 11px; position: absolute; z-index: 99; left: 0; top: 1rem; border: 2px solid #56946d; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.licheng_slide ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.licheng_slide ul li:nth-child(1) .txt{ bottom: 40%; padding-bottom: 4rem;}
.licheng_slide ul li:nth-child(2) .txt{ top: 56%; padding-top: 5rem;}
.licheng_slide ul li:nth-child(3) .txt{ bottom: 40%; padding-bottom: 6rem;}
.licheng_slide ul li:nth-child(4) .txt{ top: 65%; padding-top: 5rem;}
.licheng_slide ul li:nth-child(5) .txt{ bottom: 30%; padding-bottom: 13rem;}
.licheng_slide ul li:nth-child(6) .txt{ top: 65%; padding-top: 5rem;}
.licheng_slide ul li:nth-child(7) .txt{ bottom: 50%; padding-bottom: 13rem;}
.licheng_slide ul li:nth-child(even) .txt:before{ top: 6rem;}
.licheng_slide ul li:nth-child(even) .txt:after{ height: 6rem;}

.licheng_slide .slick-list,.licheng_slide .slick-track{ height: 100%; overflow: visible;}
.n_licheng ul.slick-current li .year{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.n_licheng ul.slick-current li .con{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

.licheng_slide_wap{ display: none; }
.licheng_slide_wap ul{ }
.licheng_slide_wap ul li{ position: relative;transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.licheng_slide_wap ul li .txt{ padding-left: 24px; position: relative;}
.licheng_slide_wap ul li .txt .year{ font-size: 2rem; color: #56946d; margin-bottom: 5px; font-family: "Barlow Condensed"; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s;  }
.licheng_slide_wap ul li .txt .con{ font-size: .9375rem; line-height: 1.625rem; padding-bottom: 2rem;  color: #626262;  transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.licheng_slide_wap ul li .txt:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 1rem; border: 2px solid #56946d; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.licheng_slide_wap ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.n_tt{ text-align: center; margin-bottom: 2.5rem;}
.n_tt h3{ text-align: center; font-size: 2.5rem; color: #35383a; margin-bottom: 6px; font-weight: bold;font-family: "Barlow Condensed Bold";}
.n_tt span{  font-size: 1.25rem; color: #b6b6b6; font-family: Roboto; text-transform: uppercase;}
.n_tt p{ font-size: .9375rem; color: #a0a2a4; margin-top: 1rem; line-height: 1.5;}
.n_tt i{ display: block; width: 25px; height: 1px; background: #56946d; margin: 0 auto; margin-top: 1.75rem;}
.n_wenhua{ padding-top: 3.75rem; padding-bottom: 3.75rem;}
.n_wenhua .box1{}
.n_wenhua .box1 ul{ overflow: hidden; margin: -5px;}
.n_wenhua .box1 ul li{ width: 39.5%; float: left; padding: 5px; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.n_wenhua .box1 ul li .box{ height: 22.5rem; background: #f8f8f8; position: relative; z-index: 1; padding: 3.125rem;  }
.n_wenhua .box1 ul li .box:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/wenhua.jpg) center no-repeat; opacity: 0; visibility: hidden; transition: .9s; -webkit-transition: .9s; -moz-transition: .9s; -ms-transition: .9s; -o-transition: .9s; }
.n_wenhua .box1 ul li:nth-child(2) .box:before{ background: url(../images/wenhua02.jpg) center no-repeat;}
.n_wenhua .box1 ul li .ico{ margin-bottom: 1.375rem; width: 2rem; height: 2rem;}
.n_wenhua .box1 ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_wenhua .box1 ul li .ico img.img02{ display: none;}
.n_wenhua .box1 ul li h3{ font-size: 1.125rem; color: #5a5a5a; margin-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box1 ul li span{ font-size: 1rem; color: #5a5a5a; display: block; margin-bottom: 3.75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box1 ul li p{ font-size: 1.125rem; line-height: 1.5rem; color: #5a5a5a; font-weight: bold; position: relative; display: inline-block; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box1 ul li i{ display: block; width: 21px; height: 1.25rem; position: absolute; background: url(../images/wh_yinhao02.png) center no-repeat; background-size: contain; right: -3rem; border-bottom: -1.625rem;}
.n_wenhua .box1 ul li.on{ width: 60.5%; }
.n_wenhua .box1 ul li.on i{ background: url(../images/wh_yinhao01.png) center no-repeat;}
.n_wenhua .box1 ul li.on .box:before{ opacity: 1; visibility: visible;}
.n_wenhua .box1 ul li.on .ico img.img01{ display: none;}
.n_wenhua .box1 ul li.on .ico img.img02{ display: block;}
.n_wenhua .box1 ul li.on h3{ color: #fff;}
.n_wenhua .box1 ul li.on span{ color: #fff; }
.n_wenhua .box1 ul li.on p{ color: #fff; }

.n_wenhua .box2{}
.n_wenhua .box2 ul{ overflow: hidden; margin: -5px;}
.n_wenhua .box2 ul li{ width: 33.333%; float: left; padding: 5px; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.n_wenhua .box2 ul li .box{ height: 20.5rem; background: #f8f8f8; position: relative; z-index: 1; padding: 3.125rem;  }
.n_wenhua .box2 ul li .ico{ margin-bottom: 1.375rem; width: 2rem; height: 2rem;}
.n_wenhua .box2 ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_wenhua .box2 ul li .ico img.img02{ display: none;}
.n_wenhua .box2 ul li h3{ font-size: 1.125rem; color: #5a5a5a; margin-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box2 ul li span{ font-size: 1rem; color: #5a5a5a; display: block; margin-bottom: 3.75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box2 ul li p{ font-size: 1.125rem; position: relative; display: inline-block; color: #5a5a5a; line-height: 1.5rem; font-weight: bold; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_wenhua .box2 ul li i{ display: block; width: 21px; height: 1.25rem; position: absolute; background: url(../images/wh_yinhao02.png) center no-repeat; background-size: contain; right: -3rem; border-bottom: -1.625rem;}
.n_wenhua .box2 ul li.on i{  background: url(../images/wh_yinhao01.png) center no-repeat;}
.n_wenhua .box2 ul li.on .ico img.img01{ display: none;}
.n_wenhua .box2 ul li.on .ico img.img02{ display: block;}
.n_wenhua .box2 ul li.on h3{ color: #fff;}
.n_wenhua .box2 ul li.on span{ color: #fff; }
.n_wenhua .box2 ul li.on p{ color: #fff; }
.n_wenhua .box2 ul li:hover p{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.n_wenhua .box2 ul li:nth-child(1) .box{ background: #56946d;}
.n_wenhua .box2 ul li:nth-child(3) .box{ background: #56946d;}
.n_wenhua ul li:hover .ico{ animation: jello 1s; -webkit-animation: jello 1s; }
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

.n_huodong{ width: 100%; overflow: hidden; background: url(../images/n_huodong_bg.jpg) center no-repeat; background-size: cover; padding: 3.875rem 0;}
.n_huodong ul{ margin: 0 -.9375rem;}
.n_huodong ul li{ padding: 0 .9375rem;}
.n_huodong ul li a{}
.n_huodong ul li .img{}
.n_huodong ul li .img img{}
.n_huodong ul li .txt{ padding-top: 2rem;}
.n_huodong ul li .txt h5{ font-size: 1.125rem; color: #333333; font-weight: bold; margin-bottom: 1rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huodong ul li .txt p{ font-size: .9375rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: #7b7b7b; margin-bottom: .875rem;}
.n_huodong ul li .txt span{ font-size: .875rem; color: #111111; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huodong ul li .txt span:hover{ color: #56946d;}
.n_huodong .slick-arrow{ z-index:99; position:absolute; top:38%; opacity:1; 
	display:block; width:2.375rem; height: 2.375rem; background-size:contain !important;}
.n_huodong .slick-prev{ left:-5.625rem;background:url(../images/huodong_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.n_huodong .slick-next{ right:-5.625rem; background:url(../images/huodong_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.n_huodong .slick-prev:hover{ background:url(../images/huodong_left_on.png) left center no-repeat; }
.n_huodong .slick-next:hover{ background:url(../images/huodong_right_on.png) right center no-repeat; }
.n_huodong ul li:hover h5{ color: #56946d;}

.n_news{ width: 100%; overflow: hidden; padding-top: 3.125rem; padding-bottom:3.75rem;}
.n_news ul{ margin: 0 -.9375rem; margin-top: -2rem; overflow: hidden;}
.n_news ul li{ padding: 0 .9375rem; margin-top:2rem; overflow: hidden;}
.n_news ul li a{ position: relative; z-index: 1; }
.n_news ul li .img{ width: 21.25rem; height: 13.75rem; float: left; margin-right: 2rem; flex-shrink: 0;}
.n_news ul li .img img{ object-fit: cover;}
.n_news ul li .txt{ height: 13.75rem; display: flex; align-content: center; flex-wrap: wrap; position: relative;}
.n_news ul li .txt:before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0;}
.n_news ul li .txt:after{ content: ""; display: block; width: 0; height: 1px; background: #56946d; position: absolute; left: 0; bottom: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
.n_news ul li .txt span{ font-size: .75rem; font-family: Bahnschrift; color: #595959; display: block; width: 100%; margin-bottom: 1rem;}
.n_news ul li .txt span:before{ content: ""; display: inline-block; width: .9375rem; height: 2px; background: #56946d; vertical-align: middle; margin-right: .5rem;}
.n_news ul li h2{ font-size: 1.125rem; color: #464646; font-weight: bold; margin-bottom: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_news ul li p{ font-size: .9375rem; color: #737373; line-height: 1.5rem; height: 3rem; overflow: hidden;width: 100%;}
.n_news ul li .btn_xx{ height: 2rem; line-height: 2rem; font-size: .875rem; color: #939498; margin-top: 1.25rem;transition: .5s;}
.n_news ul li .btn_xx svg.ico_see{ width: 1.25rem; height: 20px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
.n_news ul li .btn_xx svg.icon{ width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 5px;}
.n_news ul li .btn_xx svg path{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
.n_news ul li a:hover h2{ color:#56946d;}
.n_news ul li a:hover .btn_xx{ color:#56946d;}
.n_news ul li a:hover svg path{ fill:#56946d;}
.n_news ul li a:hover .txt:after{ width: 100%;}


.ar_fot{ border: 1px solid #e5e5e5; overflow: hidden; margin-top: 3rem;}
.ar_fot ul{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.ar_fot ul li{ float: left; height: 4.25rem; line-height: 4.25rem; padding: 0 2rem;}
.ar_fot ul li:nth-child(2){ text-align: right;}
.ar_fot ul li a{ font-size: 1rem; display: flex; align-items: center; justify-content: space-between; color: #959595;}
.ar_fot ul li svg{ width: 1rem; height: 1rem; margin: 0 .5rem;}
.ar_fot ul:before{ content: ""; display: block; width: 2px; height: 15px; position: absolute; top: 50%; margin-top: -7.5px; left: 50%; background: #cccccc;}
svg{ display: inline-block; vertical-align: middle;}
.ar_fot a svg path{ fill:#888888}
.ar_fot a:hover{ color: #56946d;}
.ar_fot a:hover svg path{ fill: #56946d;}

#n_news_xq{ width: 100%; padding: 3.75rem 0; position: relative; z-index: 99;}
#n_news_xq .left_con{ width: calc(100% - 27.25rem); float: left; background: #fff; padding: 2.5rem 2.5rem 3.5rem;}
#n_news_xq .right_con{ width: 24.25rem; float: right; position: sticky; top: 9rem;}

.social-share{ display: inline-block;}
.ar_title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 1.5rem; margin-bottom: 2.25rem;}
.ar_title h3{ font-size: 1.5rem; color: #000000; line-height: 2rem; margin-bottom: 1.125rem;}
.ar_title h4 span{ margin-right: 1.5rem; font-size: .875rem; color: #7d7d7d; line-height: 2rem; display: inline-block;}
.ar_title:before{ content: ""; display: block; width: 64px; height: 2px; background: #56946d; position: absolute; bottom: 0; left: 0;}
.join .ar_title:before{ width: 2.75rem;}
.join .ar_title h4 span{ font-size: 1.0625rem; color: #828282;}
.ar_article{ font-size:1rem; color:#7d7d7d; line-height:1.875rem; text-align:justify; }
.ar_article h4{ font-size: 1.125rem;margin-bottom: 2rem;}
.ar_article p{font-size:1rem;color:#7d7d7d;line-height:1.875rem; padding-bottom:1.75rem;}	
.ar_article p:last-child{ padding-bottom: 0;}
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:0.95rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b{ font-weight:bold; color:#232323;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}

.hot_tt{ padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #d7d9de;}
.hot_tt h3{ font-size: 1.5rem; color: #454545; margin-bottom: .5rem;}
.hot_tt span{ font-size: 1.5rem; color: #c6c6c6; font-family: play; text-transform: uppercase;}

.news_tuijian{}
.news_tuijian ul{}
.news_tuijian ul li{ margin-bottom: 1.25rem;}
.news_tuijian ul li a{ display: flex; align-items: center;}
.news_tuijian ul li .time{ font-family: Bebas; color: #56946d; margin-right: 1.25rem; font-size: .75rem; width: 4rem; height: 4rem; background: #f4f7f6; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.news_tuijian ul li .time span{ font-size: 1.5rem;display: block; margin-bottom:4px;text-align: center;}
.news_tuijian ul li p{ font-size: 1rem; line-height: 1.625rem; color: #787878; max-height: 3.25rem; overflow: hidden; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.news_tuijian ul li:hover p{ color: #000;}
.n_lianxi{ padding: 3.75rem 0;}
.n_lianxi .box1{ overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.n_lianxi .box1 .left{ float: left; position: relative; z-index: 1;}
.n_lianxi .box1 .left:before{ content: ""; display: block; position: absolute; background: url(../images/lianxi_bg.jpg) center no-repeat; z-index: -1; width: 520px; height: 371px; right: -180px; bottom: -20px;}
.n_lianxi .box1 .right{ float: right; width: 530px; background: #fff; position: relative; z-index: 9; padding: 1.5rem 1.5rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.n_lianxi .box1 .left .tt{ margin-bottom: 1.75rem;}
.n_lianxi .box1 .left .tt h3{ font-size: 1.8rem; color:#56946d; font-weight: bold;}
.n_lianxi .box1 .left .tt span{ font-size: 1.25rem; color: #b6b6b6; font-family: Roboto; text-transform: uppercase; display: block; margin-top: .5rem; margin-bottom: 1.5rem; }
.n_lianxi .box1 .left .tt i{ display: block; width: 25px; height: 1px; background: #56946d;}
.n_lianxi .box1 .left dl{ margin-top: 1.5rem; margin-bottom: 0;}
.n_lianxi .box1 .left dl dt{ font-size: 1.125rem; color: #56946d; font-weight: bold; margin-bottom: 11px; padding-left: 2.25rem; position: relative;}
.n_lianxi .box1 .left dl dt img{ position: absolute; left: 0; top: .25rem;}
.n_lianxi .box1 .left dl dd{ font-size: 1rem; color: #676767; font-weight: bold;  padding-left: 2.25rem;}
.n_lianxi .box1 .left dl .tel{ font-size: 2.125rem; color: #3a3939; font-family: "Barlow Condensed SemiBold";}
.n_lianxi .ewm{ display: inline-block;padding-left: 22px;}
.n_lianxi .ewm .box{ float: left; display: flex; flex-direction: row-reverse; align-items: center; margin-left: 2.5rem; margin-top: 1rem;}
.n_lianxi .ewm img{ border: 1px solid #ddd; width: 109px; height: 109px;}
.n_lianxi .ewm p{ text-align: center; width: 1rem; font-size: .875rem; color: #282828; margin-right: .5rem;  }
.n_lianxi .flex{ display: flex; align-items: flex-end;}
.n_lianxi form{}
.n_lianxi form .group{ margin-bottom: 22px; width: 48.5%;}
.n_lianxi form .group.textarea{ width: 100%;}
.n_lianxi form .group.yzm{     width: calc(100% - 169px);}
.n_lianxi form .group.btnbox{ width: 150px;}
.n_lianxi form .span{ display: block; font-size: 1rem; height: 17px; color: #3d3d3d; margin-bottom: 1rem;}
.n_lianxi form .span i{ color: #e73728;}
.n_lianxi form .input{ height: 50px; border: 1px solid #d5d5d5; width: 100%; padding: 0 18px; font-size: .8125rem; color: #666;}
.n_lianxi form textarea{ border: 1px solid #d5d5d5; height: 6.75rem; line-height: 1.7; width: 100%; padding: 10px 18px; font-size: .8125rem; color: #666; font-family: "微软雅黑";}
.n_lianxi form .btn_submit{ height: 50px; width: 155px; background: #56946d; color: #fff; border: 0; outline: 0; float: right;}
::-webkit-input-placeholder{color:#afafaf;}
::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#afafaf;}
::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#afafaf;}
::-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#afafaf;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus:-moz-placeholder { color: transparent;}
:focus::-moz-placeholder { color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}
#miso_map{ height: 28rem; margin-top: 3.125rem; border: 1px solid #e1e1e1;}

.n_branch{ padding-bottom:3.75rem;}
.n_branch .tt{ font-size:28px; color:#3f3f40; font-weight:bold; margin-bottom:40px;}
.n_branch ul{ margin:-15px; overflow: hidden;}
.n_branch ul li{ width: 50%; float: left;}
.n_branch ul li .box{ background:#f5f5f5 url(../images/branch_bg.jpg) center no-repeat; background-size: cover; padding:2.5rem 1.75rem; margin:1.25rem; position:relative; z-index:1;}
.n_branch ul li h6{ font-size:1.25rem; line-height:1.875rem; max-height:3.75rem; overflow:hidden; color:#484848; font-weight:bold;transition:.7s;}
.n_branch ul li i{ display:block; width:25px; height:2px; background:#56946d; margin-top:13px; margin-bottom:14px;transition:.7s;}
.n_branch ul li .txt{ font-size:1rem; line-height:1.875rem; overflow:hidden; color:#787878;transition:.7s;}
.n_branch ul li .btn_map{ font-size:.875rem; color:#686868; padding-top:5px; margin-left: -3px; height:22px; line-height: 22px; display:block; display: flex; align-items: center; margin-top:12px;transition:.7s;}
.n_branch ul li .btn_map svg{ margin-right: .375rem;}
.n_branch ul li font{ font-size:42px; color:#e1e1e1; position:absolute; right:55px; bottom:0; font-weight:bold;transition:.7s;}
.n_branch ul li:hover .btn_map{ color: #56946d;}
.n_branch ul li:hover .btn_map svg path{ fill: #56946d;}
.n_branch .slick-dots{ bottom:-35px;}
.n_branch .slick-dots li{ width:10px; height:10px; border:1px solid #a5a5a5; border-radius:5px; opacity:1; transition:.3s; padding:0; font-size:0; box-sizing:border-box; }
.n_branch .slick-dots li.slick-active{ width:32px; border:1px solid #d2b068; background:none; }
.n_branch .slick-dots li button:before{ display:none;}

.n_join{ width: 100%; padding-top: 3.75rem; padding-bottom: 3.75rem; overflow: hidden;}
.n_join ul{ margin: 0 -1.25rem; margin-top: -1.875rem; display: flex; flex-wrap: wrap;}
.n_join ul li{ width: 50%; float: left; padding: 0 1.25rem; margin-top: 1.875rem;}
.n_join ul li a{ display: block; border: 1px solid #e3e6ea; padding: 1.75rem; height: 100%;}
.n_join ul li h5{ font-size: 1.25rem; color: #000000; font-weight: bold; padding-left: 2.5rem; background: url(../images/ico_join.png) left center no-repeat; background-size: 1.4375rem;}
.n_join ul li .yaoqiu{ margin-top: 1.125rem; margin-bottom: 1.625rem; font-size: 0;}
.n_join ul li .yaoqiu span{ display: inline-block; line-height: 1.875rem; margin-right: 2.5rem; font-size: .9375rem; color: #828282; }
.n_join ul li .fuli{ font-size: 0; margin-bottom: 2.25rem;}
.n_join ul li .fuli span{ display: inline-block; margin-right: .875rem; margin-bottom: .5rem; border: 1px solid #e4e7ea; font-size: 13px; color: #969696; text-align: center; padding: 10px 1rem; min-width: 6.125rem; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
 
.n_join ul li:hover .btn_arr{ background: #66b72e; border: 1px solid #66b72e;}
.n_join ul li:hover .btn_arr font:nth-child(1){ left:0;}
.n_join ul li:hover .btn_arr font:nth-child(2){ left:50px;}
.n_join ul li:hover .btn_arr font svg path{ fill:#fff;}

.btn_join{
    position: relative;
    z-index:0;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #56946d;
    color: white;
    text-align: center;
    border-radius: 1.5rem;
    line-height: 45px;
    font-size: 1rem;
    width: 12rem;
    height: 45px;
    display: block; margin-top: 2rem;
    text-transform: uppercase;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    overflow: hidden;
}
.btn_join img{ width: 16px; margin-right: .5rem;}
.btn_join:before {
    content: ""; display:block;
    width:0;
    height: 100%; background:#1758b0;
    position: absolute; z-index:-1;
    right: 0;
    top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1);
    border-radius: 3px;
}
.btn_join:hover:before { width:100%; right:auto; left:0;
}

.join_tuijian{}
.join_tuijian ul{}
.join_tuijian ul li{}
.join_tuijian ul li a{ display: flex; align-items: center; justify-content: space-between; height: 3rem;}
.join_tuijian ul li h5{ font-size: 1rem; color: #787878; padding-left: 2rem; line-height: 3rem; background: url(../images/ico_join01.png) left center no-repeat; background-size: 1.375rem !important; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.join_tuijian ul li .btn_arr{ width: 44px; height: 20px;}
.join_tuijian ul li .btn_arr svg{ height: 10px;}
.join_tuijian ul li .btn_arr svg path{ fill:#5f5f5f;}
.join_tuijian ul li:hover h5{ background: url(../images/ico_join.png) left center no-repeat; }
.join_tuijian .btn_arr:hover{ background: #56946d; border: 1px solid #56946d;}
.join_tuijian ul li:hover .btn_arr{ background: #56946d; border: 1px solid #56946d;}
.join_tuijian ul li:hover .btn_arr font:nth-child(1){ left:0;}
.join_tuijian ul li:hover .btn_arr font:nth-child(2){ left:50px;}
.join_tuijian ul li:hover .btn_arr font svg path{ fill:#fff;}

.n_tt2{ margin-bottom: 2rem;}
.n_tt2 h3{ font-size: 1.5rem; color: #35383a;}
.n_tt2 span{ font-size: 1.25rem; color: #b6b6b6; font-family: Roboto; text-transform: uppercase; display: block; margin-top: .625rem; margin-bottom: 1.5rem;}
.n_tt2 i{ display: block; width: 25px; height: 1px; background: #56946d;}

.n_jiaru{ padding-top: 4.375rem; padding-bottom: 5rem; width: 100%; overflow: hidden;}
.n_jiaru .m{ display: flex; align-items: flex-end;}
.n_jiaru .left{ flex-shrink: 0; width: 36.5rem;}
.n_jiaru .right{ padding-left: 10rem; width: calc(100% - 36.5rem);}
.n_jiaru .txt{ font-size: 1rem; color: #5b5b5b; line-height: 1.875rem;}

.n_jiaru .swiper{ position: relative; margin-top: 4.5rem;}
.n_jiaru .swiper .box{ padding-bottom: 3.5rem;}
.n_jiaru .swiper .box .tt{ position: relative; padding-top: 10px;}
.n_jiaru .swiper .box .tt font{ font-size: 3.125rem; position: absolute; right: 1rem; top: 10px; color: #e4e6ea; font-family: Roboto-Light; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_jiaru .swiper .box span{ display: block; font-size: 1.0625rem; color: #b3b3b3; font-family: Roboto; text-transform: uppercase; margin-bottom: .5rem; transition: .5s;}
.n_jiaru .swiper .box h5{ font-size: 1.25rem; color: #333333; color: #333333; margin-bottom: 1.5rem; display: flex; align-items: center; transition: .5s;}
/* .n_jiaru .swiper .box:hover span{ color: #56946d;}
.n_jiaru .swiper .box:hover h5{ color: #56946d;} */
.n_jiaru .swiper .box:hover font{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.n_jiaru .swiper .box h5 img{ margin-right: 9px;}
.n_jiaru .swiper .box:hover h5 img{ animation: jello 1s; -webkit-animation: jello 1s; }
.n_jiaru .swiper .box p{ font-size: 1rem; line-height: 1.875rem; color: #8d8d8d;}
.n_jiaru .swiper .box i{ display: block; width: 21px; height: 1.25rem; background: url(../images/n_jiaru_yinhao.png) center no-repeat; margin-top: 2.5rem; margin-bottom: 2rem;}
.n_jiaru .swiper-container-horizontal>.swiper-scrollbar{ overflow: hidden; background: none !important;}
.n_jiaru .swiper-container-horizontal>.swiper-scrollbar:before{ content: ""; display: block; width: 100%; height: 1px; background: #dad9df; position: absolute; left: 0; top: 50%; margin-top: -.5px;}
.n_jiaru .swiper-scrollbar-drag{cursor: pointer !important; background: none !important;}
.n_jiaru .swiper-scrollbar-drag:before{ content: ""; display: block; width: 1000px; height: 1px; background: #56946d; position: absolute; right: 20px; top: 50%; margin-top: -.5px; z-index: 1;}
.n_jiaru .swiper-scrollbar-drag:after{ content: ""; display: block; background: url(../images/huakuai.png) center no-repeat;  width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index:2;}

.n_jiaru .swiper .swiper-slide:nth-child(1) .box .tt font{ color: #c5d4e2;}
.n_jiaru .swiper .swiper-slide:nth-child(2) .box .tt font{ color: #cbc5e2;}
.n_jiaru .swiper .swiper-slide:nth-child(3) .box .tt font{ color: #e2dfc5;}
.n_jiaru .swiper .swiper-slide:nth-child(4) .box .tt font{ color: #c5e2ca;}
.n_jiaru .swiper .swiper-slide:nth-child(5) .box .tt font{ color: #dee2c5;}
.n_jiaru .swiper .swiper-slide:nth-child(6) .box .tt font{ color: #e2c5c5;}
.n_jiaru .swiper .swiper-slide:nth-child(7) .box .tt font{ color: #c5e2cf;}


.n_shili{ padding: 6.875rem 0; background: url(../images/n_shili_bg.jpg) center no-repeat; background-size: cover; width: 100%; overflow: hidden;}
.n_shili .txt{ max-width: 740px;}
.n_shili .con{ font-size: 1rem; line-height: 1.875rem; color: #5b5b5b; margin-bottom: 7rem;}
.n_shili ul{ display: flex; justify-content: space-between;}
.n_shili li{ float: left;}
.n_shili li a {
    display: flex; align-items: center; justify-content: center; flex-direction: column;
    width: 7.25rem;
    height: 7.25rem;
    padding-top: 8px; 
    position: relative; z-index:1; 
    margin: 0px auto; color:#333; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;
}
.n_shili li a:before{ content:""; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #d8d8d8; background: rgba(255, 255, 255, .1); display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.n_shili li .ico{ position: relative; width: 2.25rem; height: 2.25rem;  margin-bottom: .75rem; display: block; z-index: 2;  }
.n_shili li:hover .ico{ animation: jello 1s; -webkit-animation: jello 1s; }
.n_shili li .name{ font-size: 1rem; color: #5b5b5b; display: block; margin-bottom: 5px; }

.n_rencai{ padding: 5rem 0; width: 100%; overflow: hidden; background: #eff2f7;}
.n_rencai .n_tt2{ text-align: center;}
.n_rencai .n_tt2 i{ margin: 0 auto;}
.n_rencai .n_tt2 p{ margin-top: 1.25rem; font-size: 1rem; line-height: 1.875rem;}
.n_rencai ul{ margin: 0 -1.25rem;}
.n_rencai ul li{ float: left; padding: 0 1.25rem;}
.n_rencai ul li .box{ background: url(../images/rencai_li.png) center top no-repeat; position: relative; z-index: 1; background-size: 100% !important; display: block; padding:1.25rem 0 0; transition: .3s; overflow: hidden; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_rencai ul li .pic{ width: 100%; overflow: hidden; padding: 0 1rem; margin-bottom: 2.25rem;}
.n_rencai ul li .pic img{ width: 100%; height: 100%;}
.n_rencai ul li .txt{ padding: 0 1rem 2rem; background: #fff; position: relative; z-index: 1; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_rencai ul li h5{ font-size: 1rem; color: #303030; font-weight: bold; margin-bottom: 1.25rem; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_rencai ul li i{ display: block; width: 25px; height: 1px; background: #56946d; margin-bottom: 1.25rem; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_rencai ul li p{ font-size: 1rem; color: #585858; line-height: 1.5rem; height: 6rem; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_rencai ul li span{ font-size: 7.5rem; color: #f7f7f7; font-family: Roboto-Light; position: absolute; z-index: -1; right: 0; bottom: -3.25rem; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_rencai ul li:hover .box{ background: url(../images/rencai_li_on.png) center top no-repeat; }
.n_rencai ul li:hover .txt{ background: #56946d;}
.n_rencai ul li:hover h5{ font-size: 1rem; color: #ffffff;}
.n_rencai ul li:hover i{ display: block; width: 25px; height: 1px; background: #fff;}
.n_rencai ul li:hover p{ font-size: 1rem; color: #fefefe;}
.n_rencai ul li:hover span{ color: #4d7ec4;}
.n_rencai ul li:hover .box{ transform: rotateY(20deg); -webkit-transform: rotateY(20deg); -moz-transform: rotateY(20deg); -ms-transform: rotateY(20deg); -o-transform: rotateY(20deg); }
.miaodian{ position: relative; top: -4rem;}

.n_peiyu{ width: 100%; overflow: hidden; padding: 3.75rem 0;}
.n_peiyu .m{ display: flex;}
.n_peiyu .left{ width: 27.75rem; float: left; position: relative;}
.n_peiyu .right{ width: calc(100% - 27.75rem); float: right;}
.n_peiyu .right .pic{ height: 100%; width: 100%; height: 637px;}
.n_peiyu .right .pic img{ object-fit: cover; height: 100%; width: 100%;}
.n_peiyu .hd{}
.n_peiyu .hd ul{ height: 100%;}
.n_peiyu .hd ul li{ background: #fff url(../images/peiyu_txt.jpg) center bottom no-repeat; background-size: 100%; padding: 4.375rem 3.5rem; height: 637px;text-align: justify;}
.n_peiyu .hd ul li .box{ padding-bottom: 12rem;}
.n_peiyu .hd ul li .box .tt{ color: #35383a; font-size: 1.5rem; margin-bottom: 3rem;}
.n_peiyu .hd ul li .box .con{ font-size: 1rem; line-height: 1.875rem; color: #979797;}

.n_peiyu .slick_arrow_right{ position:absolute; left:1.875rem; bottom:8rem;display: none;}
.n_peiyu .slick_arrow_right .slick-arrow{
    z-index:99;
    float:left;
    display:block;
    font-size:0;
    cursor:pointer;
    width: 3.125rem;
    height: 3.125rem; background-size: contain !important; margin-right: 1.25rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
 
.n_peiyu .slick_arrow_right .slick-prev2{  background: url(../images/peiyu_left.png) center no-repeat; } 
.n_peiyu .slick_arrow_right .slick-next2{ background: url(../images/peiyu_right.png) center no-repeat; }

.n_peiyu .slick_arrow_right .slick-prev2:hover{  background: url(../images/peiyu_left_on.png) center no-repeat; } 
.n_peiyu .slick_arrow_right .slick-next2:hover{ background: url(../images/peiyu_right_on.png) center no-repeat; }

.n_huanjing{ padding: 3.75rem 0; padding-bottom: 3.75rem; overflow: hidden; width: 100%;}
.n_huanjing ul{ display: flex; margin: 0 -.9375rem; margin-bottom: 3rem;}
.n_huanjing ul li{ padding: 0 .9375rem; width: 25%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huanjing ul li .box{ position: relative;}
.n_huanjing ul li .img{ height: 31.875rem;}
.n_huanjing ul li .img img{}
.n_huanjing ul li .txt{ position: absolute; background: #fff; bottom: -2.375rem; left: 2.625rem; right: 2.625rem; padding: 1.25rem;}
.n_huanjing ul li .tt1{ text-align: center;}
.n_huanjing ul li .tt1.on{ opacity: 0; text-align: left; }
.n_huanjing ul li .tt{ display: flex; justify-content: center; text-align: center; }
.n_huanjing ul li .tt .ico{ width: 1.5rem; height: 1.5rem; display: none; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huanjing ul li .txt h5{ font-size: 1.125rem; color: #38383b; font-weight: bold; margin-bottom: 6px;}
.n_huanjing ul li .txt span{ font-size: .875rem; color: #c6c6c6; text-transform: uppercase;}
.n_huanjing ul .con{ margin-top: 1rem; font-size: 1rem; line-height: 1.625rem; height: 0; overflow: hidden; opacity: 0; transition: .5s; color: #a9a9a9; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huanjing ul li.on{ width: 50%;}
.n_huanjing ul li.on .tt{ text-align: left; justify-content: space-between;}
.n_huanjing ul li.on .tt .ico{ display: block; opacity: 1;}
.n_huanjing ul li.on .con{ height: 3.25rem; opacity: 1; }

.n_gongyi{ padding-top: 5.5rem; padding-bottom: 3.125rem; border-bottom: 1px solid #d7d9de;}
.n_gongyi .flex{ position: relative; text-align: center;}
.n_gongyi .flex .pic{ position: relative; display: inline-block;}
.n_gongyi .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 25%; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.n_gongyi .mask h6{ font-size: 1.625rem; font-family: "Barlow Condensed"; text-transform: uppercase; letter-spacing: .375rem;}
.n_gongyi .mask h3{ font-size: 3.5rem; font-weight: bold; margin-bottom: 1rem;}
.n_gongyi .mask p{ font-size: .8125rem; line-height: 1.375rem;}
.n_gongyi .flex ul.ul_1{ text-align: right; }
.n_gongyi .flex ul.ul_2{ text-align: left; }
/* .n_gongyi ul.ul_1{ height: 590px;}
.n_gongyi ul.ul_2{ height: 590px;} */
.n_gongyi ul li{position: absolute; }
.n_gongyi ul li .line{position:absolute;width:100%;height: 1px;left: 0;bottom: -16px; background: #cfd1d9; transition:0.6s}
.n_gongyi ul li .line:before{ content:""; position:absolute; right: -7px; top: -13px; width: 14px; height: 14px; border: #c2c4cc 2px solid; border-radius: 50%; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.n_gongyi ul li .line:after{ content:""; display: block; position:absolute; right: 0; top: 0; width: 0; height: 1px; background: #56946d; transition:2s ; -webkit-transition:2s ; -moz-transition:2s ; -ms-transition:2s ; -o-transition:2s ; }
.n_gongyi ul li h5{ font-size: 1.125rem; color: #212121; font-weight: bold; position: relative; overflow: visible; margin-bottom: 1.25rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_gongyi ul li h5 span{ position: absolute; right: -2rem; top: 0; display: block; max-width: 22px; max-height: 22px;}
.n_gongyi ul li p{ font-size: 1rem; line-height: 1.875rem; color: #838383;}
.n_gongyi ul.ul_2 li h5 span{ left: -2rem; right: 0;}
.n_gongyi ul.ul_2 li .line:before{ left: -7px; right: auto;}
.n_gongyi ul.ul_2 li .line:after{ left: 0; right: auto;}

.n_gongyi ul li.li_1{bottom: 552px; right: 50%; margin-right: 256px; padding-right: 59px;}
.n_gongyi ul li.li_2{bottom:129px; right: 50%; margin-right: 256px; padding-right: 120px;}
.n_gongyi ul li.li_3{bottom: 552px; left: 50%; margin-left: 256px;  padding-left: 59px;}
.n_gongyi ul li.li_4{ bottom:129px; left: 50%; margin-left: 256px;  padding-left: 120px;}
.n_gongyi ul li.li_5{ text-align: center; width: 100%; position: static; max-width: 737px; margin: 0 auto;}
.n_gongyi ul li.li_5 .line{ width: 0; position: relative; margin: 0 auto; margin-top: -10px; margin-bottom: 3rem;}
.n_gongyi ul li.li_5 h5{ display: flex; flex-direction: row-reverse; width: fit-content; margin-left: auto; margin-right: auto;}
.n_gongyi ul li.li_5 h5 span{ position: static; margin-right: 10px;}
.n_gongyi ul li:hover h5{ color: #56946d;}
.n_gongyi ul li:hover span{ animation: jello 1s; -webkit-animation: jello 1s; }
.n_gongyi ul li:hover .line{ }
.n_gongyi ul li:hover .line:before{border: #56946d 2px solid; }
.n_gongyi ul li:hover .line:after{ width: 100%;}
.circle {
    position: relative;  z-index:999;  
  }
  .circle img{ position: relative;}
  .circle span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(113, 195, 43, 0.3);
    transform: scale(.5);
    -webkit-animation: circleScale 3s linear infinite;
    -moz-animation: circleScale 3s linear infinite;
    -ms-animation: circleScale 3s linear infinite;
    animation: circleScale 3s linear infinite;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
}
  .circle span:nth-of-type(2) {
    animation-delay: 1s;
  }
  .circle span:nth-of-type(3) {
    animation-delay: 2s;
  }
  @keyframes circleScale {
    0% {
      opacity: 1;
      -webkit-transform: scale(.5);
      -moz-transform: scale(.5);
      -ms-transform: scale(.5);
      transform: scale(.5);
      -o-transform: scale(.5);
}
    100% {
      opacity: 0;
      transform: scale(1.125);
      -webkit-transform: scale(1.125);
      -moz-transform: scale(1.125);
      -ms-transform: scale(1.125);
      -o-transform: scale(1.125);
}
  }
 
  .circle a{ cursor:pointer; position:relative;}


  .n_gy_list{ padding-top: 3.75rem; padding-bottom: 3.75rem; overflow: hidden;}
  .n_gy_list .hd{ overflow: hidden; margin-bottom: 2.125rem; display:none;}
  .n_gy_list .hd ul{ text-align: center;}
  .n_gy_list .hd ul li{ position:relative; display: inline-block; margin:0 1rem; margin-bottom: 1rem;}
  .n_gy_list .hd ul li a{ display:block; min-width:14rem; height:2.8125rem; line-height:2.6875rem; padding: 0 3rem; border-radius:2rem; transition:.5s; text-align:center; border:1px solid #d9d9d9; font-size:1rem; color:#5a5a5a; font-weight: bold; position:relative; z-index:1; overflow:hidden;}
  .n_gy_list .hd ul li a:before{ content:""; width:0; height:100%; display:block; background:#56946d; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
  .n_gy_list .hd ul li:hover a,.n_gy_list .hd ul li.on a{ border:1px solid #56946d; color: #fff;}
  .n_gy_list .hd ul li:hover a:before,.n_gy_list .hd ul li.on a:before{ width:100%; right:auto; left:0;}

  .pic06 ul{ margin: 0 -.9375rem;}
  .pic06 ul li{ width: 33.333%; float: left; margin-bottom: 2.25rem; padding: 0 .9375rem;}
  .pic06 ul li a{ display: block; position: relative;}
  .pic06 ul li .img{ width: 100%; position: relative; }
  .pic06 ul li .img img{ width: 100%; height: 100%; display: block;}
  .pic06 ul li .txt{ text-align: left; padding-top: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
  .pic06 ul li .txt h5{ font-size: 1.25rem; color: #252525; font-weight: bold;}
  .pic06 ul li .box{transform:translateY(30px); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); }
  .n_gy_list .pic06 ul li .txt{ padding-top: 1.375rem;}
  .n_gy_list .pic06 ul li .txt h5{ font-size: 1rem; color: #252525;}

.btn_load{ width: 70px; margin: 0 auto; text-align: center; color: #333; font-size: .9375rem; font-weight: bold; margin-top: 3rem; clear: both; cursor: pointer;}
.btn_load p{ margin-top: 8px;}
.btn_load svg{ width: 20px; height: 20px;}
.btn_load:hover{ color: #56946d;}
.btn_load:hover svg path{ fill:#56946d;}


.n_huanwei01{ padding-top: 3.75rem; padding-bottom: 6rem; width: 100%; overflow: hidden;}
.n_huanwei01 .m{ display: flex; align-items: center; justify-content: space-between;}
.n_huanwei01 .left{ max-width: 42.5rem;}
.n_huanwei01 .right{ flex-shrink: 0;}

.n_huanwei01 .n_tt{ text-align: left;}
.n_huanwei01 .n_tt h3{ text-align: left; font-weight: normal;}
.n_huanwei01 .n_tt i{ margin-left: 0;}
.n_huanwei01 .left .con{ font-size: 1rem; line-height: 1.875rem; color: #5b5b5b; min-height: 240px;}
.n_huanwei01 .left .tt{ font-size: 1rem; color: #5b5b5b; line-height: 1.875rem; margin-top: 1.875rem; margin-bottom: 2rem;}
.liucheng{ position: relative; z-index: 1; color: #fff; font-size: .9375rem; padding: 0 3rem 0 2.375rem; display: flex; justify-content: space-between; align-items: center;}
.liucheng:before{ content: ""; display: block; width: 100%; background: #56946d; position: absolute; left: 0; z-index: -1; top: 1rem; bottom: 1rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.liucheng img{ width: 1.75rem;}
.n_pingtai{ position: relative; margin: 4rem 200px; margin-bottom: 40px;}
.n_pingtai .txt{ position: absolute; text-align: center; left: 0; top: 0; width: 100%; height: 100%; color:#fff; display: flex; align-items: center; justify-content: center;}
.n_pingtai .txt .ico{ margin-bottom: 1.125rem;}
.n_pingtai .txt p{ font-size: 1.25rem; font-weight: bold;}
.n_pingtai .ul .li{ position: absolute; display: flex; min-width: 260px;}
.n_pingtai .ul .li p{ font-size: 1rem; color: #5b5b5b; margin: .75rem;}
.n_pingtai .ul .li .ico{ width: 67px; height: 76px; flex-shrink: 0; background: url(../images/huanwei_6.png) center no-repeat; background-size: contain !important; transition: .5s; display: flex; align-items: center; justify-content: center; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_pingtai .ul .li .ico img{ transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.n_pingtai .ul .li:hover .ico{  background: url(../images/huanwei_6_on.png) center no-repeat;}
.n_pingtai .ul .li:hover .ico img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.n_pingtai .ul .li.li_1{ bottom: 100%; margin-bottom: -38px; flex-direction: column-reverse; justify-content: center; align-items: center; width: 100%;}
.n_pingtai .ul .li.li_2{ left: 230px; top: 35px; align-items: center;}
.n_pingtai .ul .li.li_3{left: 230px; bottom: 35px; align-items: center;}
.n_pingtai .ul .li.li_4{ top: 100%; margin-top: -38px; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.n_pingtai .ul .li.li_5{ right: 230px; bottom: 35px; align-items: center; flex-direction: row-reverse;}
.n_pingtai .ul .li.li_6{ right: 230px; top: 35px; align-items: center; flex-direction: row-reverse;}
.n_pingtai .pic{ width: 266px;}
.n_youshi{ background: #fff; padding-top: 3.75rem; padding-bottom: 3.75rem; width: 100%; overflow: hidden;}
.n_youshi .m{ display: flex; justify-content: space-between;}
.n_youshi .n_tt h3{ font-weight: normal;}
.n_youshi .left{ max-width: 660px;}
.n_youshi .left ul{}
.n_youshi .left ul li{ display: flex; margin-bottom: 2.5rem; }
.n_youshi .left ul li span{ width: 80px; padding-left: 40px; font-size: 1.25rem; font-family: Roboto; padding-bottom: 1rem; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff;}
.n_youshi .left ul li span:before{
    content: "";
    display: block;
    width: 50%;
    position: absolute; z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    background: #56946d;
    transform: skewY(-15deg);
    -webkit-transform: skewY(-15deg);
    -moz-transform: skewY(-15deg);
    -ms-transform: skewY(-15deg);
    -o-transform: skewY(-15deg);
    transform-origin: left;
}
.n_youshi .left ul li span:after{
    content: "";
    display: block;
    width: 50%;
    position: absolute; z-index: -1;
    left: 50%;
    top: 0;
    height: 100%;
    background: #85d541;
    transform: skewY(15deg);
    -webkit-transform: skewY(15deg);
    -moz-transform: skewY(15deg);
    -ms-transform: skewY(15deg);
    -o-transform: skewY(15deg);
    transform-origin: right;
}
.n_youshi .left ul li .txt{ background: #f8f8f8; flex-grow: 1; padding: 1.875rem 2rem;}
.n_youshi .left ul li .txt h5{ font-size: 1rem; font-weight: bold; color: #383838; margin-bottom: .5rem;}
.n_youshi .left ul li .txt p{ font-size: 1rem; line-height: 1.5rem; color: #5b5b5b;}
.n_youshi .right{ width: 700px; max-width: 95%;}
.n_youshi .left ul li:hover span:before{ background: #56946d;}
.n_youshi .left ul li:hover span:after{ background: #5e8fd1;}
.n_youshi .left ul li:hover .txt{ background: #5e8fd1;}
.n_youshi .left ul li:hover .txt h5{ color: #fff;}
.n_youshi .left ul li:hover .txt p{ color: #fff;}
.slide_car{ margin: 0 1rem;}
.slide_car ul{}
.slide_car ul li{ padding: 0 50px;}
.slide_car ul li .box{ text-align: center;}
.slide_car ul li .img{ overflow: hidden; }
.slide_car ul li .txt{ display: flex; padding: 0 5%; }
.slide_car ul li .txt p{ width: 50%; font-size: 1rem; color: #5b5b5b; margin-top: 1.625rem;}

.slide_car .slick-arrow{ z-index:99; position:absolute; top:50%; opacity:1; margin-top: -15px;
	display:block; width:8px; height: 15px; background-size:contain !important;}
.slide_car .slick-prev{ left:-1rem;background:url(../images/s_fuwu_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.slide_car .slick-next{ right:-1rem; background:url(../images/s_fuwu_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.slide_car .slick-prev:hover{ background:url(../images/s_fuwu_left_on.png) left center no-repeat; }
.slide_car .slick-next:hover{ background:url(../images/s_fuwu_right_on.png) right center no-repeat; }

.n_huanbao01{ padding-top: 3.75rem; padding-bottom: 6rem; width: 100%; overflow: hidden;}
.n_huanbao01 .m{ display: flex; justify-content: space-between;}
.n_huanbao01 .left{ max-width: 42.5rem; background: url(../images/huanbao_txt.jpg) left bottom no-repeat; padding-right: 2rem;}
.n_huanbao01 .right{ flex-shrink: 0;}

.n_huanbao01 .n_tt{ text-align: left;}
.n_huanbao01 .n_tt h3{ text-align: left; font-weight: normal;}
.n_huanbao01 .n_tt i{ margin-left: 0;}
.n_huanbao01 .left .con{ font-size: 1rem; line-height: 1.875rem; color: #5b5b5b;}
.n_huanbao01 .left .tt{ font-size: 1rem; color: #5b5b5b; line-height: 1.875rem; margin-top: 1.875rem; margin-bottom: 2rem;}
.n_huanbao01 .right{ width: 42.5rem; max-width: 100%;}
.n_huanbao01 .right .box{ position: relative;}
.n_huanbao01 .right .box1{ position: relative; z-index: 3; margin-right: 80px; overflow: hidden;}
.n_huanbao01 .right .box2{ position: absolute; top: 20px; bottom: 20px; left: 40px; right: 40px; z-index: 2; overflow: hidden;}
.n_huanbao01 .right .box3{ position: absolute; top: 40px; bottom: 40px; left: 80px; right: 0; z-index: 1; overflow: hidden;}
.n_huanbao01 .right .pic img{ width: 100%;}
.n_huanbao01 .right .box2 .pic{ background: #000;}
.n_huanbao01 .right .box2 .pic img{ opacity: .5;}
.n_huanbao01 .right .box3 .pic{ background: #000;}
.n_huanbao01 .right .box3 .pic img{ opacity: .3;}

.n_huanbao02 .n_tt h3{ font-weight: normal;}
.n_huanbao02{ width: 100%; padding-top: 4.375rem; padding-bottom: 5.625rem; overflow: hidden; background: #fff url(../images/huanbao02_bg.jpg) center bottom no-repeat; background-size: cover;}
.n_huanbao02 .center{ width: 430px; height: 206px; margin: 0 auto; position: relative; flex-shrink: 0; margin: 2.5rem; margin-top: 0;}
.n_huanbao02 .center .box{ width: 187px; height: 136px; position: absolute; background: url(../images/sanjiao01.png) center no-repeat; padding-bottom: 1rem; background-size: contain !important; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huanbao02 .center .box span{ font-size: 1.25rem; color: #56946d; font-family: Roboto; display: block; margin-bottom: .75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huanbao02 .center .box .ico{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_huanbao02 .center .box .ico .img02{ display: none;}
.n_huanbao02 .center .box1{ left: 0; top: 0;}
.n_huanbao02 .center .box2{ right: 0; top: 0;}
.n_huanbao02 .center .box3{ left: 50%; margin-left: -93.5px; bottom: 0; background: url(../images/sanjiao02.png) center no-repeat; padding-top: 1rem;}
.n_huanbao02 .center .box.on{ background: url(../images/sanjiao01_on.png) center no-repeat;}
.n_huanbao02 .center .box.box3.on{ background: url(../images/sanjiao02_on.png) center no-repeat;}
.n_huanbao02 .center .box.on span{ color: #fff;}
.n_huanbao02 .center .box.on .ico{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.n_huanbao02 .center .box.on .ico .img01{ display: none;}
.n_huanbao02 .center .box.on .ico .img02{ display: block;}
.n_huanbao02 .flex{ display: flex; align-items: center;}
.n_huanbao02 .txt{ width: 100%; flex-grow: 1;}
.n_huanbao02 .txt h5{ font-size: 1.125rem; color: #1a1a1a; margin-bottom: 1rem;}
.n_huanbao02 .txt p{ font-size: 1rem; color: #717171; line-height: 1.5rem;}
.n_huanbao02 .txt1{ text-align: right;}
.n_huanbao02 .txt3{ text-align: center;}

.n_gufei01{ padding-top: 3.75rem; padding-bottom: 6rem; width: 100%; overflow: hidden;}
.n_gufei01 .m{ display: flex; align-items: flex-end; justify-content: space-between;}
.n_gufei01 .left{ max-width: 44.5rem; border-bottom: 1px solid #d7d9de; padding-bottom: 4.375rem; margin-right: 2rem;}
.n_gufei01 .right{ flex-shrink: 0;}
.n_gufei01 .n_tt{ text-align: left;}
.n_gufei01 .n_tt h3{ text-align: left;font-weight: normal;}
.n_gufei01 .n_tt i{ margin-left: 0;}
.n_gufei01 .left .con{ font-size: 1rem; line-height: 1.875rem; color: #5b5b5b;}
.n_gufei01 .left .tt{ font-size: 1rem; color: #5b5b5b; line-height: 1.875rem; margin-top: 1.875rem; margin-bottom: 2rem;}


.n_gufei02{ width: 100%; overflow: hidden; }
.n_gufei02 .m{ display: flex;}
.n_gufei02 .left{ width: 27.75rem; float: left; position: relative;}
.n_gufei02 .right{ width: calc(100% - 27.75rem); float: right;}
.n_gufei02 .right .pic{ height: 100%; width: 100%; height: 637px;}
.n_gufei02 .right .pic img{ object-fit: cover; height: 100%; width: 100%;}
.n_gufei02 .hd{}
.n_gufei02 .hd ul{ height: 100%;}
.n_gufei02 .hd ul li{ background: #56946d; background-size: 100%; padding: 4.375rem 1.875rem; height: 637px;}
.n_gufei02 .hd ul li .box{ padding-bottom: 12rem;}
.n_gufei02 .hd ul li .box .tt{ margin-bottom: 3.25rem;}
.n_gufei02 .hd ul li .box .tt i{ display: block; width: 25px; height: 1px; background: #fff;}
.n_gufei02 .hd ul li .box .tt span{ font-size: .875rem; font-family: Roboto; text-transform: uppercase; color: rgba(255, 255, 255, .4); display: block; margin-top: 1.75rem; margin-bottom: .75rem;}
.n_gufei02 .hd ul li .box .tt h3{ font-size: 2.125rem; color: #fff;}
.n_gufei02 .hd ul li .box .con{ font-size: 1rem; line-height: 1.875rem; color: #fff; color: rgba(255, 255, 255, .8);}
.n_gufei02 .slick_arrow_right{ position:absolute; left:1.875rem; bottom:8rem;}
.n_gufei02 .slick_arrow_right .slick-arrow{
    z-index:99;
    float:left;
    display:block;
    font-size:0;
    cursor:pointer;
    width: 3.125rem;
    height: 3.125rem; background-size: contain !important; margin-right: 1.25rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
 
.n_gufei02 .slick_arrow_right .slick-prev2{  background: url(../images/gufei_left.png) center no-repeat; } 
.n_gufei02 .slick_arrow_right .slick-next2{ background: url(../images/gufei_right.png) center no-repeat; }

.n_gufei02 .slick_arrow_right .slick-prev2:hover{  background: url(../images/gufei_left_on.png) center no-repeat; } 
.n_gufei02 .slick_arrow_right .slick-next2:hover{ background: url(../images/gufei_right_on.png) center no-repeat; }


.n_gufei03{ padding-top: 3.75rem; padding-bottom: 6rem; width: 100%; overflow: hidden;}
.n_gufei03 .m{ display: flex; align-items: flex-start; justify-content: space-between;}
.n_gufei03 .right{ max-width: 42.5rem; padding-bottom: 4.375rem; padding-top: 3rem; margin-left: 2rem;}
.n_gufei03 .left{ flex-shrink: 0;}
.n_gufei03 .n_tt{ text-align: left;}
.n_gufei03 .n_tt h3{ text-align: left; }
.n_gufei03 .n_tt i{ margin-left: 0;}
.n_gufei03 .right .con{ font-size: 1rem; line-height: 1.875rem; color: #5b5b5b;}
.n_gufei03 .right .tt{ font-size: 1rem; color: #5b5b5b; line-height: 1.875rem; margin-top: 1.875rem; margin-bottom: 2rem;}

.n_gufei04{ padding-top: 3.75rem; padding-bottom: 6rem; width: 100%; overflow: hidden; background: #fff;}
.n_gufei04 .m{ display: flex; align-items: flex-end; justify-content: space-between;}
.n_gufei04 .left{ max-width: 422px; }
.n_gufei04 .right{ flex-shrink: .2; margin-left: 2rem; }
.n_gufei04 .n_tt{ text-align: left;}
.n_gufei04 .n_tt h3{ text-align: left;}
.n_gufei04 .n_tt i{ margin-left: 0;}
.n_gufei04 .left .con{ font-size: 1rem; line-height: 1.875rem; color: #5b5b5b;}
.n_gufei04 .left .tt{ font-size: 1rem; color: #5b5b5b; line-height: 1.875rem; margin-top: 1.875rem; margin-bottom: 2rem;}
.n_gufei04 .tt{ border-bottom: 1px solid #e5e5e5;}
.n_gufei04 .tt h3{ font-size: 1rem; color: #5b5b5b;}
.n_gufei04 .tt h3 span{ font-size: 8.125rem; font-family: Roboto; color: #f2f3f7; font-style: italic;}
.gufeijishu{ width: 1000px; max-width: 100%;}
.gufeijishu ul{}
.gufeijishu ul li{ width: 20%; float: left; position: relative; overflow: hidden;}
.gufeijishu ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.gufeijishu ul li .mask p{ width: 1.375rem; font-size: 1.375rem; color: #fff; font-weight: bold;}
.gufeijishu ul li .txt{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; display: flex; opacity: 0;font-size: 1rem; line-height: 1.875rem; text-align: justify; padding: 1.75rem 1.5rem; align-items: center; justify-content: center; background: #56946d; color: #fff; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.gufeijishu ul li .txt h5{ font-size: 1.375rem; color: #fff; font-weight: bold; margin-bottom: 1.25rem;}
.gufeijishu ul li .txt p{ font-size: 1rem; line-height: 1.875rem; text-align: justify;}
.gufeijishu ul li .txt span{ display: block; width: 21px; height: 1.25rem; background: url(../images/gufei_yinhao.png) center no-repeat; background-size: contain; float: right; margin-top: 3.5rem;}
.gufeijishu ul li:hover .txt{ top: 0; opacity: 1;}

.n_gufei05{ padding-top: 4.375rem; width: 100%; overflow: hidden;}
.n_gufei05 ul{ margin: 0 2rem; }
.n_gufei05 ul li{ padding:4rem 0; }
.n_gufei05 ul li .box{ display:block; position:relative; text-align:center; border-radius:50%; overflow: hidden; width:10.625rem; height:10.625rem; margin: 0 auto; transition: .5s; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_gufei05 ul li .img{ overflow:hidden; border-radius:50%; width:10.625rem; height:10.625rem; margin:0 auto; transition:.7s; position:relative; }
.n_gufei05 ul li .mask{ opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #56946d; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: .5s; -webkit-transition:; -moz-transition:; -ms-transition:; -o-transition:; }
.n_gufei05 ul li .img img{ border-radius:50%;}
.n_gufei05 ul li .mask .ico{ margin-bottom: .9375rem;}
 .n_gufei05 ul li.slick-center .box{ transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); }
 .n_gufei05 ul li.slick-center .mask{ opacity: 0; transform: scale(.3); -webkit-transform: scale(.3); -moz-transform: scale(.3); -ms-transform: scale(.3); -o-transform: scale(.3); }
.n_gufei05 ul li .txt{ display: none;}
 
.n_gufei05 ul li.slick-center .txt{ padding-top:5rem;}
 
.n_gufei05 .txtbox{ text-align: center; border-bottom: 1px solid #e3e6ea; padding-bottom: 4rem; margin-top: 1.25rem;}
.n_gufei05 .txtbox h5{ font-size: 1.125rem; color: #313131; font-weight: bold; margin-bottom: 1rem;}
.n_gufei05 .txtbox p{ font-size: 1rem; color: #949494; line-height: 1.7;}

.n_gufei05 .slick-arrow{ z-index:99; position:absolute; top:50%; opacity:1; 
	display:block; width:8px; height: 15px; background-size:contain !important;}
.n_gufei05 .slick-prev{ left:-2rem;background:url(../images/s_fuwu_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.n_gufei05 .slick-next{ right:-2rem; background:url(../images/s_fuwu_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.n_gufei05 .slick-prev:hover{ background:url(../images/s_fuwu_left_on.png) left center no-repeat; }
.n_gufei05 .slick-next:hover{ background:url(../images/s_fuwu_right_on.png) right center no-repeat; }

.n_gufei03 .left{  }
.gufei_lc{ position: relative; margin:55px 140px 55px 100px; z-index: 1;}
.circle02{ transform: scale(.79); -webkit-transform: scale(.79); -moz-transform: scale(.79); -ms-transform: scale(.79); -o-transform: scale(.79); }
.circle03{ transform: scale(.57); -webkit-transform: scale(.57); -moz-transform: scale(.57); -ms-transform: scale(.57); -o-transform: scale(.57); }
.draw_h{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: .6;}
.draw_h{ display:block; border-radius: 50%; text-align: center; }
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; 
    /* border: 1px solid #cfdbed; */
     border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1;
	stroke: none;
	stroke-dasharray: 0 , 1770;
	stroke-dashoffset:1770;
	transition: all .3s linear 0s;
}
.aos-animate .gufei_lc .draw_h svg.drawcircle circle {
	stroke:#56946d;
	stroke-dasharray:1770 , 0;
	stroke-dashoffset:1770;
	
}
.aos-animate .gufei_lc .draw_h.circle01 svg.drawcircle circle{
	-webkit-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 0s;
	transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 0s;
	-moz-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 0s;
	-ms-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 0s;
	-o-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 0s;
}
.aos-animate .gufei_lc .draw_h.circle02 svg.drawcircle circle{
	-webkit-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 2s;
	transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 2s;
	-moz-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 2s;
	-ms-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 2s;
	-o-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 2s;
}
.aos-animate .gufei_lc .draw_h.circle03 svg.drawcircle circle{
	-webkit-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 4s;
	transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 4s;
	-moz-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 4s;
	-ms-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 4s;
	-o-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1) 4s;
}

.gufei_lc .center{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-align: center;}
.gufei_lc .center img{}
.gufei_lc_pic{ width: 562px; max-width: inherit;}
.gufei_lc .center h4{ font-size: 1.25rem; color: #fff; font-weight: bold; margin-top: .875rem;}
.gufei_lc ul{}
.gufei_lc ul li{ position: absolute; display: flex; cursor: pointer;}
.gufei_lc ul li .txt{ padding: 10px;}
.gufei_lc ul li .ico{width: 74px;flex-shrink: 0;}
.gufei_lc ul li .ico img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.gufei_lc ul li span{ font-size: 1rem; color: #56946d; font-family: Bahnschrift; }
.gufei_lc ul li p{ white-space: nowrap; font-size: 14px; color: #5b5b5b; margin-top: 4px;}
.gufei_lc ul li.li_1{right: 501px;top: 109px;flex-direction: row-reverse;align-items: center;text-align: right;}
.gufei_lc ul li.li_2{right: 339px;top: -27px;flex-direction: row-reverse;align-items: center;text-align: right;}
.gufei_lc ul li.li_3{left: 366px;top: -25px;align-items: center;}
.gufei_lc ul li.li_4{left: 509px;top: 149px;align-items: center;align-items: center;}
.gufei_lc ul li.li_5{left: 493px;top: 363px;align-items: center;}
.gufei_lc ul li.li_6{left: 347px;top: 495px;align-items: center;}
.gufei_lc ul li.li_7{right: 402px;top: 487px;flex-direction: row-reverse;align-items: center;text-align: right;}
.gufei_lc ul li.li_8{right: 522px;top: 318px;flex-direction: row-reverse;align-items: center;text-align: right;}
.gufei_lc ul li.li_9{right: 415px;top: 215px;flex-direction: row-reverse;align-items: center;text-align: right;}
.gufei_lc ul li.li_10{right: 296px;top: 97px;flex-direction: row-reverse;align-items: center;text-align: right;}
.gufei_lc ul li.li_11{left: 330px;bottom: 352px;flex-direction: column-reverse;text-align: center;}
.gufei_lc ul li.li_12{left: 363px;top: 340px;}
.gufei_lc ul li.li_13{left: 164px;top: 369px;align-items: flex-end;}
.gufei_lc ul li.li_12 .txt{position: relative; top: -35px;}
.gufei_lc ul li.li_11 .ico{ margin: 0 auto;}
.gufei_lc ul li:hover img{ filter: drop-shadow(0px 5px 3px #56946d); -webkit-filter: drop-shadow(0px 5px 3px #56946d); }
.gufei_lc ul li.on img{ filter: drop-shadow(4px 10px 10px #56946d); -webkit-filter: drop-shadow(4px 10px 10px #56946d); }

.lc_con{ height: 0; visibility: hidden; opacity: 0; transform: translateY(0px); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.lc_con.on{ height: auto; visibility: visible; display: block; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }




.l-loader {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9999999999999;
}

.p-loader {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f8f9f9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.p-loader .p-loader__line {
	position: relative;
	z-index: 9999;
	width: 380px;
	height: 1px;
	background-color: #dfdfdf;
	opacity: 1;
	transition: .5s;
	overflow: hidden;
	visibility: visible;
}

.loaded #loader-wrapper .p-loader__line {
	opacity: 0;
	visibility: hidden;
}

.p-loader .p-loader__line:before, .p-loader .p-loader__line:after {
	position: absolute;
	top: 0;
	left: 0;
	content: ' ';
	display: block;
	width: 250px;
	height: 1px;
}

.p-loader .p-loader__line:before {
	-webkit-transform: translateX(-380px);
	transform: translateX(-380px);
	background-image: linear-gradient(-90deg, #59696d 20%, #93b4c5 69%, #afbec6 97%);
	-webkit-animation: LOADING_BEFORE 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: LOADING_BEFORE 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

.p-loader .p-loader__line:after {
	-webkit-transform: translateX(380px);
	transform: translateX(380px);
	background-image: linear-gradient(90deg, #59696d 20%, #93b4c5 69%, #afbec6 97%);
	-webkit-animation: LOADING_AFTER 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: LOADING_AFTER 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@media screen and (max-width: 1100px) {
	.p-line__illust {
		width: 81.54545vw;
		height: 49.18182vw;
	}
}

@-webkit-keyframes LOADING_BEFORE {
	0% {
		-webkit-transform: translateX(-380px);
		transform: translateX(-380px);
	}

	40% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}

	100% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}
}

@keyframes LOADING_BEFORE {
	0% {
		-webkit-transform: translateX(-380px);
		transform: translateX(-380px);
	}

	40% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}

	100% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}
}

@-webkit-keyframes LOADING_BEFORE_SP {
	0% {
		-webkit-transform: translateX(-190px);
		transform: translateX(-190px);
	}

	40% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}

	100% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}
}

@keyframes LOADING_BEFORE_SP {
	0% {
		-webkit-transform: translateX(-190px);
		transform: translateX(-190px);
	}

	40% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}

	100% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}
}

@-webkit-keyframes LOADING_AFTER {
	0% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}

	60% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}

	100% {
		-webkit-transform: translateX(-380px);
		transform: translateX(-380px);
	}
}

@keyframes LOADING_AFTER {
	0% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}

	60% {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
	}

	100% {
		-webkit-transform: translateX(-380px);
		transform: translateX(-380px);
	}
}

@-webkit-keyframes LOADING_AFTER_SP {
	0% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}

	60% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}

	100% {
		-webkit-transform: translateX(-190px);
		transform: translateX(-190px);
	}
}

@keyframes LOADING_AFTER_SP {
	0% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}

	60% {
		-webkit-transform: translateX(190px);
		transform: translateX(190px);
	}

	100% {
		-webkit-transform: translateX(-190px);
		transform: translateX(-190px);
	}
}

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: none;
	opacity: 1;
}

.loaded #loader-wrapper {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

#loader-wrapper .loader-section {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	height: 51%;
	background: #f8f9f9;
	z-index: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

#loader-wrapper .loader-section.section-left {
	top: 0;
}

#loader-wrapper .loader-section.section-right {
	bottom: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}

.pt_con{ display: none;}
.pt_con.on{ display: block;}
.n_pingtai .ul .li.on .ico{  background: url(../images/huanwei_6_on.png) center no-repeat;}
.n_pingtai .ul .li.on .ico img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }

.n_pingtai .draw_h{ opacity:1;}
svg.drawcircle path {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 750;
	stroke-dashoffset:750;
	transition: all .3s linear 0s;	
}
.aos-animate .draw_h svg path {
	stroke:#56946d;
	stroke-dasharray:750 , 0;
	stroke-dashoffset:750;
	
}
.n_pingtai .draw_h .before{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -2;
    /* border: 1px solid #cfdbed; */
}
.n_pingtai .draw_h .before path{fill: none; box-sizing:border-box;
	stroke-width: 2; stroke:#cfdbed;}
.aos-animate .draw_h svg.drawcircle path{
	-webkit-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1);
	-moz-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1);
	-ms-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1);
	-o-transition: all 4s cubic-bezier(0.11, 0.57, 0.58, 1);
}



.s_news{ width: 100%; overflow: hidden; padding-top: 4.375rem; overflow: hidden; padding-bottom: 3.75rem; border-bottom: 1px solid #e5e5e5;}
.s_news .s_tt{ text-align: left; margin-bottom: 0; position: relative;}
.s_news .s_tt i{ margin-left: 0; margin-top: 1.5rem;}
.s_news .hd{ position: relative; z-index: 1; display: flex; align-items:  center; justify-content: space-between; margin-bottom: 2.875rem;}
.s_news .hd:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #e5e5e5; z-index: -1;}
.s_news .hd ul{ margin-bottom: 1rem;}
.s_news .hd ul li{ float: left;}
.s_news .hd ul li a{ font-size: 1.375rem; color: #252525; white-space: nowrap; font-weight: bold; padding-left: 2.375rem; position: relative; padding-right: 1rem; }
.s_news .hd ul li.slick-current a{ color: #3f7bc5;}
.s_news .hd ul li.slick-current a:before{ content: ""; display: inline-block; width: 1.3125rem; height: 20px; background: url(../images/news_ico.png) center no-repeat; background-size: contain; position: absolute; left: .5rem; top: 50%; margin-top: -10px;}
.s_news .bd{}
.s_news .bd .item{ display: flex;}
.s_news .bd .news01{  width: 35.9375rem; }